Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to market an executive management course. The aim is to create a visually appealing, informative, and conversion-focused site that highlights the course's benefits and encourages sign-ups.

## CORE FEATURES
1. **Hero Section**: An engaging header with a compelling tagline, brief course details, and a prominent call-to-action button to enroll.
2. **Course Features**: A section outlining the key topics covered in the course, emphasizing leadership, strategy, and innovation.
3. **Testimonials**: A carousel showcasing testimonials from previous participants, enhancing credibility and trust.
4. **Instructor Bio**: A brief section introducing the course instructor, highlighting their credentials and experience in executive management.
5. **FAQ Section**: A concise FAQ area addressing common questions about the course, payment options, and enrollment process.
6. **Contact Form**: A simple contact form for inquiries, allowing users to reach out directly with any questions.

## 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 feature a top navigation bar, followed by sections for the hero, course features, testimonials, instructor bio, FAQ, and contact form, all structured for easy scrolling and accessibility.

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

## IMPLEMENTATION STEPS
1. Set up a new React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it according to the documentation.
3. Create the folder structure for components, assets, and styles.
4. Build the **Hero Section** component with a visually striking background and a clear call-to-action.
5. Develop the **Course Features** section, using cards to highlight each feature succinctly.
6. Implement the **Testimonials** carousel to display user feedback attractively.
7. Create the **Instructor Bio** section with a photo and brief bio.
8. Add the **FAQ Section**, ensuring questions are clear and answers concise.
9. Construct the **Contact Form** with input validation.
10. Style all components using Tailwind CSS, ensuring adherence to the design specifications.
11. Test the landing page on various devices for responsiveness and user experience.

## USER EXPERIENCE
Users will first encounter the hero section, drawing them in with an impactful message and a clear CTA. As they scroll, they will discover the course features, followed by testimonials that build trust. The instructor bio adds a personal touch, while the FAQ section addresses potential concerns. Finally, the contact form offers an easy way for users to engage, facilitating a smooth path to enrollment. Each section will be designed for clarity and simplicity, ensuring an intuitive user journey from interest to action.