Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a "fake robux giving" concept. The main purpose is to attract users with a clean and engaging design, encouraging them to learn more about the service and participate in the offering.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a catchy tagline and a call-to-action (CTA) button that encourages users to get started.
2. **How It Works**: A brief explanation of the process for users to receive "robux", highlighting the simplicity and ease of use.
3. **Testimonials**: A section featuring user reviews and experiences to build trust and credibility.
4. **Benefits**: A list of advantages that users can gain by using the service, emphasizing the value proposition.
5. **FAQ Section**: Answers to common questions to address potential user concerns and enhance understanding.
6. **Contact Form**: A simple form for 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**: The layout will consist of a full-width hero section at the top, followed by stacked sections for how it works, benefits, testimonials, and an FAQ, culminating in a contact form at the bottom.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS using the official Tailwind setup guide.
2. **Install UI Components**: Add shadcn/ui library to the project for pre-designed UI elements.
3. **Create Components**: Develop components for each section (Hero, How It Works, Testimonials, Benefits, FAQ, Contact Form).
4. **Implement Routing**: Set up routing if necessary for navigation, although this will primarily be a single-page layout.
5. **Style Components**: Apply Tailwind CSS classes to style components according to the design specifications.
6. **Test Responsiveness**: Ensure that the layout is responsive across different devices, adjusting styles as needed.
7. **Deploy**: Prepare the application for deployment using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will first encounter the Hero section with an engaging headline and a prominent CTA button. As they scroll, they will learn about how the service works, see testimonials from other users, and understand the benefits of participation. The FAQ section will help clarify any uncertainties they may have, while the contact form provides a simple means of reaching out for more information. The overall experience will be smooth and encourage user engagement through clear calls to action and a minimalist design approach.