Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page designed to sell a course that teaches users how to start from scratch and generate income on Mercado Livre. The landing page will focus on conversion through compelling visuals, clear messaging, and a straightforward call to action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that highlights the course's benefits, featuring a strong headline, subheadline, and a prominent call-to-action button.
2. **Course Benefits**: A section outlining the key advantages of the course, including what users will learn and how it can help them succeed on Mercado Livre.
3. **Testimonials**: Showcase success stories and testimonials from previous students to build trust and credibility.
4. **Instructor Introduction**: A brief section introducing the course instructor, including a professional photo and short bio highlighting their expertise.
5. **Pricing Plans**: Clear presentation of course pricing options, including any discounts or limited-time offers to encourage immediate signup.
6. **Contact Information**: Easy access to contact details for users who have questions or need support.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean and simple aesthetic with ample white space to ensure clarity and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a professional appearance.
- **Layout**: The layout will be structured in a single-page format, with sections clearly divided for easy navigation. Key sections will include the Hero, Benefits, Testimonials, Instructor, Pricing, and Contact.
- **Typography**: Use a sans-serif font for headings (e.g., Montserrat) for a modern look and a readable serif font for body text (e.g., Lora) to add contrast and elegance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick and efficient design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design approach.
- **State Management**: [Not necessary for this landing page due to its simplicity]

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Structure the app with a main container that holds all sections, ensuring responsiveness with Tailwind's utility classes.
3. **Develop Hero Section**: Implement the hero section with an impactful headline, subheadline, and CTA button styled with Tailwind CSS.
4. **Add Course Benefits**: Create a visually appealing section for course benefits using grid or flex layouts to highlight each point.
5. **Implement Testimonials**: Design a testimonial slider or grid layout to showcase student feedback, ensuring readability and engagement.
6. **Instructor Introduction**: Add a section for the instructor with a photo and bio, formatted for clarity and professionalism.
7. **Pricing Plans**: Develop a pricing section that clearly outlines options and encourages users to sign up.
8. **Contact Information**: Include a footer or dedicated contact section with email and social media links for user inquiries.
9. **Test Responsiveness**: Ensure that all components are responsive and visually appealing on various screen sizes.
10. **Deploy the Landing Page**: Use a deployment platform (like Vercel or Netlify) to make the landing page accessible to users.

## USER EXPERIENCE
The landing page will provide a seamless user experience, with smooth scrolling between sections and clear calls to action. Users will easily find information about the course, read testimonials, and understand pricing, all designed to lead them toward enrollment. The minimalist design will ensure that the focus remains on the course offer, encouraging conversions without distractions.