Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a hairdressing service that showcases the range of services offered, promotes brand identity, and provides contact information for potential clients. The goal is to create an engaging online presence that encourages visitors to book appointments.

## CORE FEATURES
1. **Hero Section**: A captivating header with a tagline and a call-to-action (CTA) button prompting users to book an appointment or view services.
2. **Services Overview**: A concise list of hairdressing services provided, accompanied by brief descriptions and pricing to inform clients of what to expect.
3. **Testimonials**: A section featuring customer reviews and feedback to build trust and credibility in the services offered.
4. **Gallery**: A visually appealing display of images showcasing hairstyles and transformations that highlight the expertise of the hairdressers.
5. **Contact Information**: A clear section with contact details and a simple form for inquiries or appointment requests.
6. **Footer**: Includes links to social media profiles, additional contact information, and a subscription form for newsletters.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a minimal color palette, emphasizing typography for readability.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance visibility and comfort.
- **Layout**: A single-page layout divided into sections (hero, services, testimonials, gallery, contact) with smooth scroll navigation for easy user experience.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Lora). Establish a clear hierarchy with larger font sizes for headings and legible sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application structure and type safety.
- **Styling**: Tailwind CSS for utility-first styling that supports a minimalist design.
- **UI Components**: Utilize shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Not required for this landing page, but may consider simple local state for form handling.

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript using Create React App.
2. Install Tailwind CSS and configure it for the project by setting up the `tailwind.config.js` file.
3. Create the main components for each section of the landing page: Hero, Services, Testimonials, Gallery, Contact, and Footer.
4. Use Tailwind CSS classes to style each component according to the specified design.
5. Implement smooth scrolling navigation links for the hero section to direct users to other sections of the page.
6. Populate the Services and Testimonials sections with sample data, ensuring clarity and readability.
7. Design a simple contact form using controlled components in React to manage user input.
8. Test the landing page on various devices to ensure responsiveness and usability.

## USER EXPERIENCE
Visitors to the landing page will be greeted by a striking hero section that clearly communicates the brand's message and encourages them to book services. As they scroll down, they will easily navigate through the services offered, read testimonials from satisfied customers, and view a gallery of work. The contact section provides a straightforward way for visitors to reach out, enhancing engagement and facilitating appointment bookings. The overall design ensures a clean and enjoyable browsing experience that highlights the essence of the hairdressing services offered.