Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a professional landing page for Kitchen Design Karachi, a kitchen remodeling company. The website will showcase their services, provide contact information, and highlight customer testimonials to attract potential clients. The focus will be on a minimalist design that emphasizes usability and aesthetics.

## CORE FEATURES
1. **Hero Section**: A captivating opening section with a headline, subheadline, and a call-to-action button that directs users to contact the company or view services.
2. **Services Offered**: A section detailing various kitchen remodeling services provided by Kitchen Design Karachi, including design consultation, installation, and custom cabinetry.
3. **Testimonials**: A section featuring client testimonials to build trust and credibility, showcasing positive experiences and outcomes from previous projects.
4. **About Us**: A brief overview of the company, its mission, and the owner Zeeshan, emphasizing their expertise and dedication to quality craftsmanship.
5. **Contact Information**: A clear and accessible contact section with the company's address, phone number, and a contact form for inquiries.
6. **Gallery**: A visual showcase of completed projects to inspire potential clients and demonstrate the quality of work.

## 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**: The landing page will consist of a vertical scroll layout with clearly defined sections: Hero, Services, Testimonials, About Us, Gallery, and Contact.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page. Simple props and state management can be utilized as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Page Structure**: Build a vertical layout for the landing page with React functional components for each section.
3. **Implement Hero Section**: Design the hero section with a prominent headline, subheadline, and a styled button using Tailwind CSS.
4. **Add Services Section**: Create a grid or card layout to showcase different kitchen remodeling services.
5. **Integrate Testimonials**: Use a slider or list format to display customer testimonials effectively.
6. **Develop About Us Section**: Write a brief description of the company and its owner, including a photo if available.
7. **Design Contact Section**: Implement a contact form and display contact information in a user-friendly format.
8. **Create Gallery Section**: Use image cards to show before-and-after shots of kitchen remodeling projects.
9. **Optimize for Responsive Design**: Ensure the layout adapts well to different screen sizes for mobile and tablet users.
10. **Test and Deploy**: Conduct thorough testing for functionality and responsiveness, then deploy the landing page.

## USER EXPERIENCE
The landing page will offer a smooth and intuitive user experience with easy navigation between sections. Users will be able to quickly find information about services offered, view testimonials, and get in touch through a simple contact form or by calling the provided number. The minimalist design will enhance usability, allowing potential clients to focus on the content and make informed decisions about their kitchen remodeling needs.