Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and sell an SEO course in Bangladesh using targeted Google PPC ads. The goal is to create an engaging, informative, and conversion-focused single-page site that highlights the course's benefits, features, and testimonials to encourage sign-ups.

## CORE FEATURES
1. **Hero Section**: A bold introductory area that captures the essence of the SEO course with a compelling headline, subheadline, and a prominent call-to-action (CTA) button.
2. **Course Features**: A section outlining the key topics and skills covered in the SEO course, presented in a clear and concise manner.
3. **Testimonials**: A dedicated area showcasing reviews and feedback from previous course participants to build trust and credibility.
4. **Pricing Plans**: An overview of available pricing options for the course, including any discounts or packages.
5. **Contact Form**: A simple form for potential customers to inquire more about the course or ask questions, enhancing engagement.
6. **FAQ Section**: A concise list of frequently asked questions to address common concerns or queries about the course.

## 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 should be a single-column structure that flows smoothly from the hero section down to features, testimonials, pricing, contact, and FAQ, ensuring a logical progression of information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build individual components for the Hero section, Course Features, Testimonials, Pricing Plans, Contact Form, and FAQ.
4. **Style Components**: Use Tailwind CSS to style each component according to the design specifications.
5. **Implement Routing (if necessary)**: If considering future expansions, set up React Router for easy navigation.
6. **Deploy**: Host the landing page on a suitable platform (e.g., Vercel, Netlify) for easy access via PPC ads.

## USER EXPERIENCE
Users will interact with the landing page through a clear navigation flow. They will first encounter the Hero section, immediately understanding the course's value proposition. As they scroll down, they will find detailed information about the course features, testimonials that build trust, and clear pricing options. The contact form will allow users to ask questions easily, while the FAQ section addresses any lingering doubts. The overall experience should be smooth, engaging, and optimized for conversions, with responsive design ensuring accessibility across devices.