Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic a Roblox site where users can "buy" and "send" Robux, albeit in a fictional context. The purpose is to create a visually appealing and convincing site that emphasizes user engagement and conversion, generating interest while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top showcasing the site's branding, enticing users with bold visuals and a clear call-to-action (CTA) button for "Get Started."
2. **How It Works**: An informative section detailing the steps users can take to "buy" and "send" Robux, presented in a visually engaging format.
3. **Testimonials**: A section featuring fictional testimonials that enhance credibility and provide social proof, encouraging users to engage.
4. **Pricing Options**: Clear and attractive pricing tables outlining the available options for "purchasing" Robux, designed for easy comparison.
5. **Frequently Asked Questions (FAQ)**: A concise FAQ area addressing common queries to alleviate any concerns and guide users through the process.
6. **Contact Section**: A simple form allowing users to reach out for assistance or more information, enhancing user 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 be structured in a single-page format with distinct sections for the hero, features, testimonials, pricing, FAQ, and contact form, all easily navigable with smooth scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page, as it primarily involves static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop individual components for the Hero section, How It Works, Testimonials, Pricing Options, FAQ, and Contact Form.
3. **Implement Routing**: Use React Router for smooth navigation between sections using anchor links.
4. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist aesthetic, incorporating the specified color, typography, and border radius.
5. **Add Content**: Populate the components with engaging and convincing content that aligns with the theme of a Roblox site.
6. **Testing**: Ensure that the page is responsive and looks good on various devices, adjusting styles as necessary.
7. **Deploy**: Choose a hosting platform (like Vercel or Netlify) to deploy the landing page and make it live.

## USER EXPERIENCE
Users will land on a visually striking hero section that immediately communicates the site's purpose. They can scroll to learn how the service works, view pricing, and read testimonials, all designed to foster trust. The FAQ section will preemptively answer questions, while the contact form provides an easy way for users to engage further. The overall experience will be smooth and intuitive, encouraging users to take action.