Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern landing page for a stainless steel fabrication factory. The main purpose is to showcase the company's expertise and products, highlight completed projects, and facilitate customer inquiries. The landing page will effectively communicate the brand's legacy of over 20 years in the industry while providing easy navigation to product and service information.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that includes the company logo, a brief tagline about the factory's experience, and a call-to-action (CTA) button directing visitors to the products section.
   
2. **Products Tab**: A dedicated section displaying various products like impellers, milk cooling tanks, and custom process equipment, each with images and brief descriptions to engage potential customers.

3. **Services Tab**: Overview of services offered, emphasizing capabilities in fully automated machinery and processing lines, with testimonials from notable clients like Nestlé and Unilever.

4. **Completed Projects Section**: A showcase area featuring logos of prominent clients and summaries of significant projects, illustrating the factory's extensive experience and reliability.

5. **Contact Us Section**: A straightforward contact form allowing potential clients to reach out for inquiries, quotes, or additional information.

6. **Responsive Design**: Ensures that the landing page is optimized for all devices, providing an excellent user experience on desktops, tablets, and mobile phones.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: A single-page layout with sections flowing vertically, including a prominent hero section at the top, followed by products, services, completed projects, and a contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified; can use React's built-in state management for handling simple interactions.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary packages.
3. **Create Components**: Develop individual components for each section: Hero, Products, Services, Completed Projects, and Contact Us.
4. **Implement Routing**: Use React Router to manage navigation between sections smoothly.
5. **Design Layout**: Apply Tailwind CSS classes to style components according to the design specifications.
6. **Add Content**: Populate each section with relevant text, images, and client logos, ensuring clarity and visual appeal.
7. **Responsive Adjustments**: Test and refine the layout on various devices to ensure a seamless experience.
8. **Deploy the Application**: Use a service like Vercel or Netlify for hosting the landing page.

## USER EXPERIENCE
Key user interactions include navigating through the sections via smooth scrolling, engaging with product information through hover effects, and filling out the contact form with minimal fields for ease of use. The overall design will prioritize user-friendliness and quick access to essential information, making it easy for potential clients to understand the factory's offerings and reach out for business opportunities. Also i would love to go with the theme colour blackish ig.