Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Lovable Prompt Creator is a minimalist landing page designed to showcase an AI-powered prompt generation tool for developers. Its main purpose is to help users easily generate optimized prompts for various AI development platforms, enhancing their productivity and creativity in app development.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring a strong headline and a prominent call-to-action button that invites users to start generating prompts.
2. **Feature Highlights**: A section that outlines the key capabilities of the tool, including prompt generation for multiple platforms, AI-powered suggestions, and style customization.
3. **Pricing Plans**: Clear presentation of available pricing options, including a free plan, a pro subscription, and a one-time purchase pack, allowing users to choose based on their needs.
4. **Community Prompts Access**: A dedicated area where users can explore and utilize prompts created by the community, encouraging collaboration and inspiration.
5. **User Testimonials**: A section showcasing feedback from satisfied users to build trust and credibility.
6. **Contact Information**: An easy-to-use contact form for user inquiries and support.

## 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 consist of a full-width hero section at the top, followed by sections for features, pricing, community prompts, testimonials, and a final CTA before the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, as it serves primarily informational and conversion-focused purposes.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the hero section, features overview, pricing plans, testimonials, and CTA.
3. **Design Layout**: Utilize Tailwind CSS to implement a responsive layout based on the design specifications, ensuring all elements are well-spaced and visually appealing.
4. **Implement Typography**: Import Inter font from Google Fonts and apply it to headings and body text.
5. **Style Components**: Apply the primary color (#1978E5) to buttons and links, and set the border radius to 8px for all applicable components.
6. **Add Content**: Populate the components with relevant text, images, and pricing details, focusing on clarity and engagement.
7. **Test Responsiveness**: Ensure the landing page looks good on various devices and screen sizes, adjusting styles as necessary.

## USER EXPERIENCE
Users will encounter a clean and engaging landing page that guides them through the value proposition of the AI prompt generator. The intuitive layout allows for easy navigation, leading users from the hero area to features, pricing, community prompts, and testimonials, concluding with a strong call to action. The minimal design ensures a seamless and enjoyable experience, allowing users to focus on the value of the tool without distractions.