Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to help young individuals generate income through intelligent micro-tasks powered by AI. The platform provides clear guidance and actionable steps to facilitate engagement with various earning opportunities, such as reselling, simple services, and freelance work.

## CORE FEATURES
1. **Hero Section**: Engaging introductory area that captures attention, outlines the purpose of the platform, and includes a prominent call-to-action (CTA) for users to get started.
2. **Task Generation**: An interactive component where users can input their interests and receive AI-generated task suggestions, helping them find suitable earning opportunities.
3. **Step-by-Step Guide**: A dedicated section providing users with a clear and concise roadmap on how to start earning through the suggested tasks.
4. **Testimonials**: A carousel or grid displaying success stories and feedback from users who have successfully generated income using the platform.
5. **FAQ Section**: A collapsible or expandable section addressing common questions and concerns regarding the tasks and how to get started.
6. **Contact Form**: A straightforward contact form for users to reach out with inquiries or support requests.

## 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 consist of a single-page structure featuring a hero section at the top, followed by the features, testimonials, FAQ, and a contact form, all designed for easy navigation and a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically required for a landing page, but can utilize React Context for managing user interactions if necessary.

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui for styling.
2. **Create Components**: Develop individual components for the hero section, task generation, step-by-step guide, testimonials, FAQ, and contact form.
3. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, utilizing the primary color and typography specifications.
4. **Integrate AI Task Generation**: Implement a simple form that collects user inputs and returns AI-generated tasks (consider using a mock API for demonstration).
5. **Add Testimonials**: Create a dynamic section that showcases user testimonials, ensuring responsiveness.
6. **Build Contact Form**: Implement a simple contact form that collects user inquiries and integrates with an email service or backend.
7. **Test Responsiveness**: Ensure the landing page is fully responsive on various devices and screen sizes.
8. **Deploy**: Host the landing page on a suitable platform (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
Users will be greeted by a visually striking hero section that immediately communicates the purpose of the application. They can easily navigate to explore AI-generated tasks tailored to their interests, follow a structured guide to get started, read testimonials for motivation, and reach out for support through the contact form. The minimalist design ensures a focused experience, allowing users to absorb information quickly and take action without distractions.