Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote "Fake Robux," a concept centered around delivering a fun and engaging experience for users interested in gaming currency. The landing page will serve as a marketing tool to attract users, inform them about the service, and drive conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A striking introduction that captures users' attention with a catchy tagline and a prominent call-to-action button.
2. **Features Overview**: A section highlighting the key benefits of using Fake Robux, presented in an easy-to-read format with icons or illustrations.
3. **Testimonials**: User feedback and reviews to build trust and credibility, showcasing the satisfaction of previous users.
4. **FAQ Section**: A frequently asked questions area to address common inquiries and concerns, assisting users in understanding the service better.
5. **Contact Form**: An easy-to-use contact form that allows users to reach out for more information or 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**: A single-page layout with a clear vertical flow, featuring distinct sections for the hero, features, testimonials, FAQs, and contact form, ensuring easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required, as this is a static landing page.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**:
   - Develop a `Hero`, `Features`, `Testimonials`, `FAQ`, and `ContactForm` component.
4. **Implement Routing**: Although this is a single-page application, ensure smooth scrolling to sections using anchor links.
5. **Style Components**: Use Tailwind CSS classes to apply the design specifications, ensuring a minimalist aesthetic.
6. **Add Content**: Populate each section with relevant content, including text, images, and icons.
7. **Test Responsiveness**: Ensure the design works well on different devices and screen sizes.
8. **Deploy the Landing Page**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Key user interactions include a seamless scroll experience from the hero section to the features and testimonials, with clear calls to action to engage users effectively. The design focuses on simplicity and usability, ensuring users can easily find the information they need and connect with the service. The contact form will provide a straightforward way for users to get in touch, enhancing their overall experience.