Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a highly optimized landing page designed specifically for the Capsicum Farming Business Course by Indian Farmer. It aims to attract potential students by providing essential information about the course, showcasing its benefits, and facilitating easy enrollment through a streamlined user experience.

## CORE FEATURES
1. **Course Overview Section**: A concise description of the Capsicum Farming Course, highlighting key learning outcomes and benefits for participants.
2. **Instructor Profile**: A section dedicated to showcasing the qualifications and expertise of the instructor, building trust and credibility.
3. **Testimonials**: Real feedback from previous students to enhance social proof and encourage potential enrollees.
4. **Enrollment Form**: A simple, user-friendly form for prospective students to sign up for the course, including fields for name, email, and phone number.
5. **FAQ Section**: A collapsible FAQ area addressing common queries about the course, pricing, and enrollment process.
6. **Call-to-Action Buttons**: Prominently placed buttons throughout the page encouraging visitors to enroll, with clear and compelling text.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist. The design is clean and simple, featuring ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and easy reading.
- **Layout**: A single-column layout with a fixed header. Each core feature section should be clearly separated using subtle dividers or spacing. The main content area should flow seamlessly from one section to the next.
- **Typography**: Use a combination of sans-serif fonts for modernity and readability. The main headings should utilize a larger font size (e.g., 32px) with bold styling, while body text should be set at 16px for easy reading. 

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS to ensure a responsive and customizable design.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.
- **State Management**: Use React's built-in state management or Context API for handling form submissions and user interactions.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui to start building the UI components.
3. **Create Layout Components**: Develop reusable components for the header, footer, and each main section (course overview, testimonials, etc.).
4. **Implement Routing**: Set up routing if needed, using React Router, to manage navigation.
5. **Design Course Overview Section**: Code the course overview section with a compelling description and visual hierarchy.
6. **Build Enrollment Form**: Create a form using controlled components, ensuring validation for user inputs.
7. **Add Testimonials and FAQ Sections**: Implement these sections with collapsible elements for FAQs to maintain a clean look.
8. **Style the Application**: Use Tailwind CSS utilities to ensure responsive design across different devices.
9. **Test User Interactions**: Ensure all buttons and forms function correctly, providing feedback to users on submission success or errors.
10. **Deploy the Application**: Choose a hosting platform (e.g., Vercel or Netlify) for deployment, ensuring the landing page is accessible to users.

## USER EXPERIENCE
The user experience is designed to be straightforward and intuitive. Visitors land on the page and are immediately greeted with a clear course overview. They can easily scroll down to read about the instructor, view testimonials, and access the FAQ section. Call-to-action buttons are strategically placed to encourage enrollment without overwhelming the user. The enrollment form is simple, minimizing friction and ensuring a seamless sign-up experience. Responsive design ensures that the landing page is accessible and visually appealing on all devices, enhancing engagement and conversion rates.