Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a responsive landing page designed for a tailor, showcasing their services and offerings. The main purpose of the landing page is to attract potential customers, provide essential information about tailoring services, and drive conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero section featuring a compelling headline, a brief introduction to the tailor's services, and a prominent call-to-action button encouraging visitors to book a consultation.
2. **Services Overview**: A section that outlines the various tailoring services offered, with brief descriptions and accompanying images to illustrate the quality and range of options.
3. **Testimonials**: A dedicated area displaying customer testimonials to build trust and credibility, featuring quotes from satisfied clients.
4. **Gallery**: A visually engaging gallery showcasing previous tailoring work, emphasizing the tailor's expertise and craftsmanship.
5. **Contact Form**: A simple and user-friendly contact form for inquiries, including fields for name, email, message, and a submit button.
6. **Footer**: A footer that includes links to social media profiles, contact information, and quick links to important sections of the page.

## 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 main layout structure will feature a single-column format with sections stacked vertically. The hero section will be followed by services, testimonials, gallery, contact form, and footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React with TypeScript project using Create React App or a similar setup.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui to manage styling and UI components.
3. **Create Components**: Build individual components for each section: Hero, Services, Testimonials, Gallery, Contact Form, and Footer.
4. **Implement Layout**: Use a flexbox or grid layout to structure the page, ensuring responsive design for various screen sizes.
5. **Style Components**: Apply Tailwind CSS classes to style components according to the design specifications, focusing on the primary color and typography.
6. **Add Functionality**: Implement the contact form functionality using basic form handling in React, ensuring proper input validation.
7. **Test Responsiveness**: Test the landing page across different devices and browsers to ensure a seamless user experience.

## USER EXPERIENCE
Key user interactions will include navigating through the landing page sections, reading testimonials, viewing the gallery, and filling out the contact form. The layout emphasizes clarity and ease of use, allowing visitors to quickly find the information they need and encouraging them to take action through strategically placed calls to action. The minimalist design will enhance the overall browsing experience, making it visually appealing and straightforward.