Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a premium and minimalist landing page designed exclusively for lead capture for beauty salons. The primary goal is to convert visitors into qualified leads for a free diagnostic meeting focused on growth and customer acquisition, while embodying a sense of trust, professionalism, and high standards reminiscent of brands like Apple, Stripe, and Notion.

## CORE FEATURES
1. **Hero Section**: Engaging introduction with a compelling title and subtitle, including a checklist of benefits and a prominent call-to-action button that scrolls smoothly to the form.
2. **Lead Capture Form**: A clean and user-friendly form for prospective clients to fill out their details, with mandatory fields and clear options to assess their needs.
3. **Post-Submission Confirmation**: A sleek confirmation screen thanking users for their submission, detailing next steps and reaffirming communication through WhatsApp.
4. **Responsive Design**: Fully responsive layout ensuring optimal viewing on all devices, with ample white space and a premium aesthetic.
5. **Smooth Animations**: Subtle animations upon loading and form submission to enhance user experience without being distracting.
6. **SEO Optimization**: Basic SEO practices implemented to ensure visibility in search engines.

## 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 will consist of a hero section at the top, followed by the lead capture form and a confirmation screen. The hero section will feature a large title, subtitle, checklist, and a call-to-action button. The form will be centrally positioned, with clear labels and input fields.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page, but can be added if necessary for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Layout**: Design the main layout with a header for the hero section and a footer for the confirmation message.
3. **Implement Hero Section**: Add the hero section with title, subtitle, checklist, and call-to-action button that scrolls to the lead capture form.
4. **Build Lead Capture Form**: Create a form component with the specified fields, ensuring to validate input and include a checkbox for WhatsApp consent.
5. **Add Confirmation Screen**: Develop the post-submission screen to thank users and explain the next steps, along with a button to return to the top.
6. **Incorporate Animations**: Add smooth transitions and animations for the loading and form submission processes to enhance user experience.
7. **Test Responsiveness**: Ensure the layout works seamlessly on various devices and screen sizes.
8. **Implement SEO**: Optimize the landing page with basic SEO strategies, focusing on meta tags and content structure.

## USER EXPERIENCE
Users will land on a clean and inviting page where they are greeted by a compelling hero message. Upon clicking the call-to-action button, they will be smoothly guided to the lead capture form, where they can easily input their information. After submission, users will receive immediate feedback through a confirmation screen, assuring them of forthcoming contact via WhatsApp. The overall experience is designed to be straightforward and reassuring, aligning with the brand's professional image.