Lovable Prompt Creator - AI Prompt Generator

# # ## ## APPLICATION OVERVIEW
The "Fake Robux" landing page serves as a promotional site for a fictional currency generator aimed at Roblox users. The primary goal is to attract visitors, explain the service, and encourage them to engage through clear calls-to-action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction to the service, featuring a captivating headline, brief description, and a prominent CTA button encouraging users to "Get Started".
2. **How It Works**: A section detailing the process of using the service, broken down into easy-to-understand steps, enhancing user comprehension and trust.
3. **Features Overview**: Highlight the key benefits of the service, such as instant currency generation, user-friendly interface, and safety assurances.
4. **Testimonials**: Showcase user reviews and success stories to build credibility and social proof.
5. **Contact Form**: A simple form allowing users to get in touch for support or inquiries, promoting user engagement.

## 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 straightforward vertical layout with a large hero section at the top, followed by feature descriptions, testimonials, and a contact form. Each section should have ample spacing and clear visual separation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but can use React's built-in state management for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Layout Components**: Build components for the hero section, features, testimonials, and contact form.
3. **Implement Styling**: Use Tailwind CSS to apply the minimalist design and color specifications, ensuring responsiveness across devices.
4. **Add Content**: Populate each section with relevant text, images, and links, ensuring clarity and engagement.
5. **Test Functionality**: Ensure all buttons and forms work correctly and are user-friendly.
6. **Deploy**: Choose a hosting platform (like Vercel or Netlify) and deploy the landing page.

## USER EXPERIENCE
Key user interactions include engaging with the hero section to understand the service, clicking through to learn more about how it works, reading testimonials for assurance, and easily accessing the contact form for support. The layout should promote a smooth flow of information, guiding users naturally towards the call-to-action.