Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a Video Sales Letter (VSL) funnel. The main purpose is to effectively present the service or product, engage visitors, and drive conversions through clear calls to action and engaging content.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling headline, subheadline, and a prominent call-to-action (CTA) button encouraging visitors to take immediate action.
2. **Value Proposition**: A section that clearly articulates the benefits of the service or product, highlighting unique selling points and what sets it apart from competitors.
3. **Video Embed**: An embedded video player showcasing the sales letter video, designed to capture attention and convey the message effectively.
4. **Testimonials**: A section featuring customer testimonials that build trust and credibility, using quotes and images of satisfied clients.
5. **CTA Sections**: Multiple strategically placed call-to-action buttons throughout the page to guide users towards signing up or making a purchase.
6. **Contact Information**: A simple contact form or contact details section for inquiries, allowing potential customers to reach out easily.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space to enhance readability and focus on content, utilizing a minimal color palette to avoid distractions.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-column layout with clear sections for each feature (hero, value proposition, video, testimonials, CTA, contact) to guide users smoothly through the content.
- **Typography**: Use of modern, sans-serif fonts for headings (e.g., Montserrat) to convey professionalism and clarity, paired with a readable serif font for body text (e.g., Open Sans) to enhance engagement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid design iterations.
- **UI Components**: Use of shadcn/ui for pre-designed components that align with the minimalist aesthetic.
- **State Management**: Not specifically required for this simple landing page, but consider using React's built-in state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop individual components for each section: Hero, Value Proposition, Video, Testimonials, CTA, and Contact.
4. **Implement Layout**: Structure the main App component to include each of the sections in order, ensuring a fluid and coherent flow.
5. **Add Styling**: Utilize Tailwind CSS classes to style each component according to the minimalist design specifications.
6. **Test Responsiveness**: Ensure the design is responsive on various devices, adjusting styles as necessary to maintain usability and visual appeal.

## USER EXPERIENCE
Key interactions include a smooth scroll experience through the landing page, with each section engaging the user without overwhelming them. The embedded video should auto-play on load (muted) to immediately capture attention, while the CTAs should stand out to prompt user actions. The contact form should be simple and unobtrusive, ensuring easy access for inquiries without detracting from the main content. 

This landing page is designed to create a seamless journey for users, guiding them from curiosity to conversion efficiently.