Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a high-conversion landing page for the FLOWER program by Inma Ramírez, designed to attract users to reserve a free consultation call. The page will focus on presenting key information in a clear and engaging manner, promoting trust and authority while maintaining a premium and elegant aesthetic.

## CORE FEATURES
1. **Hero Section**: A powerful headline, subheadline, and embedded VSL player with a prominent CTA button for booking a consultation.
2. **Credibility Bar**: Visual metrics showcasing successful outcomes to build trust and authority.
3. **Pain Points Section**: Easily scannable blocks highlighting common issues faced by potential clients, leading to a CTA.
4. **Educational Content**: Clear presentation of real problems with engaging design elements to maintain user interest.
5. **Comparison Table**: A visual table comparing conventional methods with the FLOWER approach, emphasizing the FLOWER method's advantages.
6. **Testimonials Section**: Elegantly designed cards displaying client testimonials, enhancing social proof and credibility.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - clean and simple design with ample white space, a minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: The page will be structured into clearly defined sections, each focusing on specific content areas, with a mobile-first approach ensuring responsiveness. Each section will be separated with generous spacing to enhance readability.
- **Typography**: Modern, elegant fonts that ensure high legibility. Headings will be bold and clear to establish hierarchy, while body text will be in a dark gray for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for a consistent and modern design.
- **State Management**: Context API for managing component states where necessary.

## IMPLEMENTATION STEPS
1. **Set up the project** with React and TypeScript, ensuring Tailwind CSS is integrated for styling.
2. **Design the Hero Section**: Create a component with a headline, subheadline, embedded video player, supporting text, and a prominent CTA button. Use an overlay for immediate clarity.
3. **Implement the Credibility Bar**: Design a section that displays key metrics visually, ensuring the layout remains clean and easy to read.
4. **Build the Pain Points Section**: Use cards or blocks with concise summaries of common issues, incorporating CTAs at the end.
5. **Create the Educational Content Section**: Break down the information into digestible parts using bullets, highlights, and clear subheadings.
6. **Develop the Comparison Table**: Ensure the FLOWER method stands out visually in the comparison against conventional approaches.
7. **Add the How It Works Section**: Present the method in four clear steps, each with icons and brief descriptions.
8. **Design the About Inma Section**: Include a professional photo and a description highlighting her qualifications and approach.
9. **Set up the Benefits Section**: Create a grid layout showcasing the key benefits of the FLOWER program.
10. **Integrate the Testimonials Section**: Design elegant cards to display testimonials and include placeholders for visual evidence like screenshots.
11. **Implement the Qualification Section**: Visually differentiate who the program is for and who it isn’t.
12. **Add the FAQ Section**: Create an accordion-style layout for easy navigation of common questions.
13. **Finalize the CTA Section**: Include a strong emotional closing message with a clear CTA to schedule a call.
14. **Conduct thorough testing** on both mobile and desktop to ensure responsiveness and speed.
15. **Optimize for SEO**: Ensure proper use of headings and metadata for better search visibility.

## USER EXPERIENCE
The landing page will guide users through a seamless journey, starting with the video that addresses their needs, followed by sections that resonate with their pain points and present the FLOWER method as a solution. Each CTA will be strategically placed to encourage booking a consultation, ensuring users feel understood, informed, and motivated to take action. The design will maintain a sense of calm and richness, fostering trust and authority throughout the user’s experience.