Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a med spa clinic, designed to showcase services, attract potential clients, and facilitate bookings. The focus will be on delivering a beautiful and minimalist design that emphasizes the clinic's offerings while ensuring an engaging user experience.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling tagline, a brief description of the clinic, and a prominent call-to-action (CTA) button for booking appointments.
2. **Services Overview**: A section highlighting the main services offered by the med spa, each with a brief description and relevant imagery to entice visitors.
3. **Testimonials**: A dedicated area for client reviews and testimonials to build trust and credibility, showcasing positive experiences from previous clients.
4. **About Us**: A section detailing the clinic's mission, values, and team members, enhancing the personal connection with potential clients.
5. **Contact Form**: An easy-to-use contact form for inquiries and appointment requests, ensuring potential clients can reach out easily.
6. **Footer**: A comprehensive footer with links to social media, contact information, and navigation links to essential areas of the site.

## 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 will be a single-column structure with sections stacked vertically, ensuring clarity and ease of navigation. Each section will be visually distinct yet cohesive, using ample white space to guide the user's eye.

## 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 the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Main Components**: Build the Hero section, Services Overview, Testimonials, About Us, Contact Form, and Footer as separate components.
3. **Styling**: Apply Tailwind CSS classes according to the design specifications, ensuring responsiveness and a minimalist aesthetic.
4. **Integrate Google Fonts**: Import Inter from Google Fonts in your CSS for typography.
5. **Implement the Contact Form**: Create a functional contact form that captures user input and can be linked to an email service or API endpoint.
6. **Test for Responsiveness**: Ensure all components are responsive and provide a seamless experience on both desktop and mobile devices.
7. **Deploy the Landing Page**: Choose a hosting service and deploy the landing page, ensuring it is accessible and performs well.

## USER EXPERIENCE
The user experience will focus on simplicity and clarity. Visitors will be greeted with a clean and appealing hero section that captures their attention. As they scroll, they will easily navigate through service offerings, read testimonials, and learn about the clinic's values. The contact form will be straightforward, encouraging inquiries and bookings with minimal friction, ultimately leading to a higher conversion rate. The design will prioritize accessibility and mobile responsiveness to cater to all users.