Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Fake Robux" is a landing page designed to attract users interested in a platform that simulates the experience of earning or generating Robux, the in-game currency for Roblox. The page will effectively communicate the benefits of the platform, encourage user engagement, and drive conversions through a clean, minimalist design.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to the platform with a strong headline, subheadline, and a call-to-action (CTA) button encouraging visitors to get started.
2. **Features Overview**: A section highlighting key features of the platform, such as ease of use, speed of earning Robux, and any unique selling propositions.
3. **Testimonials**: A showcase of user feedback and success stories to build trust and credibility among potential users.
4. **FAQ Section**: Answers to common questions users might have about the platform, addressing concerns and providing clarity.
5. **Contact Form**: A simple form for users to reach out with queries or feedback, enhancing user engagement 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 be a single-page scroll design, with sections stacked vertically—starting from the hero section, followed by features, testimonials, FAQ, and ending with the contact form.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for UI component styling.
3. **Create the Layout**: Develop the main layout structure using Tailwind CSS classes to ensure responsive design.
4. **Implement the Hero Section**: Create a hero component with a headline, subheadline, and CTA button styled with the primary color.
5. **Develop Features Section**: Create a component to showcase the main features, using cards with the specified typography and border radius.
6. **Add Testimonials Section**: Implement a section for user testimonials with a visually appealing layout.
7. **Create FAQ Section**: Develop an accordion-style FAQ component to answer users' questions.
8. **Implement Contact Form**: Create a simple contact form that captures user queries and provides feedback.
9. **Test Responsiveness**: Ensure the landing page is responsive across different devices by adjusting Tailwind CSS utilities.
10. **Deploy the Application**: Use a platform like Vercel or Netlify for easy deployment and sharing of the landing page.

## USER EXPERIENCE
Users will land on a visually appealing hero section that quickly communicates the purpose of the platform. They can scroll down to learn about the features, read testimonials, and find answers to their questions effortlessly. The contact form will enhance user engagement by allowing visitors to reach out directly, providing a seamless experience from introduction to interaction.