Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page for a company offering a course. This site will serve as a marketing platform to attract potential students, providing them with essential information about the course, its features, and a clear call to action to enroll.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero area with a strong headline, subheadline, and a prominent call-to-action button encouraging users to enroll in the course.
2. **Course Features**: A section highlighting the main features of the course, including key learning outcomes, duration, format, and any unique selling points.
3. **Testimonials**: A dedicated area for student testimonials to build trust and credibility around the course offering.
4. **About Us**: A brief section about the company, its mission, and the instructors to foster a personal connection with potential students.
5. **Contact Form**: A simple contact form for inquiries, allowing potential students to reach out for more information.
6. **Footer**: A comprehensive footer with links to social media, privacy policy, terms of service, and a newsletter signup.

## 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 structured in a single-page format with sections stacked vertically, ensuring easy navigation and a smooth user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can be implemented if needed for form handling.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the main components**: Develop functional components for the Hero, Course Features, Testimonials, About Us, Contact Form, and Footer sections.
3. **Style components**: Use Tailwind CSS to implement the minimalist design, applying the specified typography, primary color, and border radius.
4. **Implement the Hero Section**: Add a compelling headline, subheadline, and a call-to-action button linking to the enrollment process.
5. **Detail Course Features**: Create a visually engaging grid or list to present the features of the course clearly.
6. **Gather Testimonials**: Include real testimonials with a clean layout that highlights student experiences.
7. **About Us Section**: Write a brief introduction about the company and instructors to add a personal touch.
8. **Develop the Contact Form**: Create a simple form for inquiries, ensuring it is user-friendly and visually integrated into the design.
9. **Footer Implementation**: Add social media links, privacy policy, and newsletter signup to the footer.
10. **Testing and Deployment**: Test the landing page for responsiveness and usability across different devices before deploying it to a hosting platform.

## USER EXPERIENCE
Users will experience a seamless flow from the moment they land on the page. The clear navigation and visually appealing sections will guide them through the course offerings, building interest and trust. The prominent call-to-action will encourage immediate enrollment, while the contact form allows for easy inquiries, enhancing user engagement and satisfaction. The minimalist design ensures that users are not overwhelmed, creating a focus on content and conversion.