Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page specifically designed for promoting and selling an infoproduct aimed at lawyers. The goal is to create a professional and minimalist web presence that conveys authority and strategy, distinguishing it from traditional law firm branding. The landing page will feature key product information, a video sales letter (VSL), success case videos, and strategic call-to-action buttons leading to WhatsApp.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong headline, brief description, and a prominent call-to-action button that directs users to WhatsApp with a pre-defined message.
2. **Product Information**: A section detailing the infoproduct's features and benefits, presented in a clear and concise manner.
3. **Video Sales Letter (VSL)**: An embedded video that outlines the value of the infoproduct, encouraging potential customers to engage.
4. **Success Stories**: Two embedded videos showcasing successful case studies that demonstrate the effectiveness of the infoproduct.
5. **Call-to-Action Buttons**: Strategically placed buttons after each section that link to WhatsApp with the message: "Quisiera aplicar al programa...".
6. **Contact Section**: A simple contact form for inquiries, reinforcing the professional image of the brand.

## 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 format to enhance readability and focus, with sections clearly separated and ample spacing to create a clean interface.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for this landing page, but consider using React Context for managing any dynamic state if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Implement a single-column layout with a header, main content area, and footer.
3. **Build Hero Section**: Create a visually appealing hero section with a headline, subtext, and a WhatsApp button.
4. **Add Product Information Section**: Structure the product details using clear headings and bullet points for easy reading.
5. **Embed VSL**: Integrate the video sales letter into the layout, ensuring it is responsive and accessible.
6. **Implement Success Stories Section**: Embed the two success case videos, adding captions and a call-to-action button below each.
7. **Add Contact Section**: Create a simple form allowing users to send inquiries, styled to match the overall design.
8. **Ensure Responsiveness**: Test the landing page on various devices to ensure optimal user experience across all screen sizes.
9. **Optimize for SEO**: Include relevant meta tags and optimize images and videos to improve search engine visibility.

## USER EXPERIENCE
Users will land on the page and immediately see a strong value proposition in the hero section. As they scroll down, they will encounter informative sections that build trust and authority, culminating in clear calls to action. Each call-to-action button will facilitate easy communication through WhatsApp, making it simple for interested users to express their intent to apply for the program. The clean design will ensure that the focus remains on the content, encouraging conversions without distractions.