Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to attract new clients for a lash extension business. The purpose is to showcase services, highlight customer testimonials, and provide an easy way for potential clients to get in touch or book appointments. The minimalist design will ensure a clean and engaging user experience that emphasizes the brand's professionalism.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a stunning image of lash extensions, a brief tagline, and a prominent call-to-action (CTA) button to book an appointment.
2. **Services Offered**: A concise section outlining the various lash services available, including descriptions and pricing, to inform potential clients about options.
3. **Testimonials**: A dedicated area featuring customer reviews and experiences to build trust and credibility with new clients.
4. **Contact Form**: A simple form to capture leads, allowing potential clients to inquire about services or book appointments directly from the landing page.
5. **Location and Hours**: Information on where to find the business and the operating hours to facilitate easy access for clients.
6. **Social Media Links**: Icons linking to social media profiles to encourage users to follow and engage with the brand for updates and promotions.

## 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 layout consists of a full-width hero section at the top, followed by a grid or card layout for services, a testimonials carousel, the contact form section, and a footer with location and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for a simple landing page but can implement a basic state management if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for component styling.
3. **Create Pages and Components**: Develop the main components: Hero, Services, Testimonials, Contact Form, and Footer.
4. **Styling**: Implement Tailwind CSS classes for styling based on the design specifications, ensuring a minimalist aesthetic.
5. **Integrate Google Fonts**: Link Inter font in the project and apply it to headings and body text.
6. **Form Handling**: Implement a simple form submission process using a service like Formspree or create a backend endpoint for inquiries.
7. **Testing**: Ensure responsiveness and cross-browser compatibility across devices and browsers.
8. **Deploy**: Deploy the landing page using a platform like Vercel or Netlify for public accessibility.

## USER EXPERIENCE
Users will be greeted by a visually appealing hero section that captures attention. Navigation will be straightforward, with smooth scrolling between sections. The services section will allow users to quickly scan available options, while testimonials will reinforce trust. The contact form will be simple to fill out, encouraging inquiries and bookings. Overall, the design will prioritize ease of use and accessibility, ensuring that potential clients can easily engage with the business.