Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a premium landing page for an automated AI Chatbot on Discord, focusing on ticket-based interactions. The landing page will showcase the chatbot's features, highlight its free tier and paid versions, and emphasize a clean, minimalist design that sets it apart from typical websites.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a brief description of the AI Chatbot, showcasing its unique selling proposition (USP) and a prominent call-to-action (CTA) button to encourage sign-ups.
2. **Features Overview**: A section detailing the key functionalities of the chatbot, including automated ticket handling, user-friendly interface, and integration capabilities with Discord.
3. **Pricing Plans**: A clear breakdown of the free tier and two paid versions, highlighting the differences in features and benefits to aid users in making informed choices.
4. **Testimonials**: A section featuring user reviews and success stories to build trust and credibility for potential customers.
5. **FAQ Section**: Addressing common inquiries regarding the chatbot's functionalities, pricing, and support.
6. **Contact Form**: A simple form for users to reach out with questions or support needs, ensuring easy communication.

## 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 will be structured in sections, starting with a full-width hero at the top, followed by a grid layout for features and pricing, and ending with testimonials and contact form sections.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can be added if dynamic elements are introduced later.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the Hero section, Features, Pricing, Testimonials, and Contact Form.
3. **Implement Layout**: Use a grid system to arrange the features and pricing sections effectively, ensuring responsiveness across devices.
4. **Styling**: Apply Tailwind CSS classes to style each component according to the design specifications, ensuring the primary color and typography are consistently used.
5. **Content Integration**: Populate each section with relevant content, including descriptions, pricing details, and user testimonials.
6. **Final Touches**: Test responsiveness, accessibility, and usability of the landing page, making adjustments based on user feedback.

## USER EXPERIENCE
Key user interactions will include an intuitive navigation from the hero section to the features and pricing details, with easy access to the contact form. Users will appreciate the streamlined flow, allowing them to quickly understand the chatbot's value and make decisions about subscriptions. The minimalist design will enhance focus on content, making it easy for users to digest information without distractions.