Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page dedicated to showcasing brow and lash services, including henna brows, wax and razor hair removal, brow laminating, lash lifting, and point lash application. The primary goal is to attract potential clients by providing essential information about services, pricing, and a clear call to action for bookings.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a captivating headline, a brief description of services, and a prominent call-to-action button that encourages visitors to book an appointment.
2. **Service Descriptions**: Detailed sections for each service offered, including henna brows, waxing, brow laminating, lash lifting, and point lashes, highlighting benefits and unique selling points.
3. **Testimonials**: A section featuring customer reviews to build trust and credibility, showcasing positive experiences from previous clients.
4. **Gallery**: A visual gallery displaying before-and-after photos of services to demonstrate results and attract interest.
5. **Contact Information**: Clear and accessible contact details, including a phone number, email, and a simple contact form for inquiries or appointment requests.
6. **Footer**: An informative footer with links to social media, additional resources, and terms of service.

## 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 structured with distinct sections for the hero, services, testimonials, gallery, contact, and footer, utilizing a vertical scrolling format for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for a static landing page but may include a simple context for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the hero section, service cards, testimonials, gallery, and contact form.
3. **Design Layout**: Structure the main layout using a single-page format, ensuring each section is visually distinct and well-spaced.
4. **Implement Responsiveness**: Use Tailwind CSS’s responsive utilities to ensure the landing page looks great on all devices.
5. **Add Interactivity**: Implement smooth scrolling for navigation links and form handling for the contact form.
6. **Optimize for SEO**: Add meta tags and descriptions to improve visibility in search engines.

## USER EXPERIENCE
Visitors will first encounter the hero section, which captures their attention with a compelling headline and call to action. As they scroll down, they will easily access detailed descriptions of the services, supported by testimonials and a gallery that showcases the quality of work. The contact section provides a straightforward way for potential clients to reach out, ensuring a smooth and inviting user experience that encourages bookings.