Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a fashion course aimed at helping brands compete in a global market. The landing page will feature a main Video Sales Letter (VSL) and strategically placed call-to-action (CTA) buttons as users scroll through the content, enhancing user engagement and conversion rates.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with the VSL prominently displayed to draw users in.
2. **Course Highlights**: A section detailing the main benefits and unique selling points of the course, using engaging visuals and concise text.
3. **Testimonials**: Real-life success stories from past participants to build trust and credibility.
4. **CTA Buttons**: Multiple call-to-action buttons throughout the page encouraging users to sign up or learn more, ensuring high visibility and accessibility.
5. **Contact Information**: A simple contact form for inquiries, enabling potential customers to reach out easily.

## 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 be a single-page scrolling format with sections arranged vertically, including a hero section at the top, followed by course highlights, testimonials, and the contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this static landing page

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling.
3. **Create Layout Structure**: Develop the main components for the hero section, course highlights, testimonials, and contact form.
4. **Integrate VSL**: Embed the video in the hero section using a responsive video player.
5. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring all elements are responsive and visually appealing.
6. **Add CTA Buttons**: Position the CTA buttons strategically throughout the page, ensuring they stand out against the background.
7. **Test Responsiveness**: Check the design on various devices and screen sizes to ensure a seamless user experience.

## USER EXPERIENCE
Users will be greeted with an engaging hero section featuring the VSL, followed by informative content about the course. As they scroll, they will encounter testimonials that reinforce the course's value, leading to several CTA buttons that encourage sign-ups. The clean, minimalist design will ensure that users can easily navigate the page without distractions, facilitating a smooth journey towards conversion.