Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page focused on promoting and providing information about obtaining Robux, the virtual currency in Roblox. The main purpose is to attract users by showcasing the benefits of Robux, guiding them through the process of acquiring it, and encouraging them to take action, such as signing up or making a purchase.

## CORE FEATURES
1. **Hero Section**: A visually engaging introduction that clearly communicates the value of Robux, featuring a strong call-to-action (CTA) button.
2. **Features Overview**: A section that outlines the benefits of using Robux, highlighting features such as customization options, exclusive items, and gameplay advantages.
3. **Testimonials**: A section showcasing user experiences and success stories to build trust and credibility.
4. **Pricing Plans**: Clear, easy-to-understand pricing options for purchasing Robux, with a prominent CTA for each plan.
5. **FAQ Section**: A list of frequently asked questions to address common concerns and provide clarity about Robux and the purchasing process.
6. **Contact Information**: A simple contact form or information section for users to reach out for support or inquiries.

## 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 a single-column format, with sections stacked vertically, utilizing ample whitespace to enhance readability and focus on content.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop reusable components for the Hero Section, Features Overview, Testimonials, Pricing Plans, FAQ Section, and Contact Information.
3. **Implement Routing**: Although it’s a landing page, consider using React Router for potential future expansion.
4. **Design Layout**: Use Tailwind CSS to apply the minimalist design specifications, focusing on typography and spacing.
5. **Integrate Google Fonts**: Ensure Inter font is included in the project for consistent typography.
6. **Add Functionality**: Implement CTA buttons that link to relevant sections or external resources.
7. **Test Responsive Design**: Ensure all sections are responsive and look good on various devices (desktop, tablet, mobile).

## USER EXPERIENCE
The landing page will prioritize user engagement through a clear navigation flow, leading visitors from the hero section to key information about Robux. Users will easily find benefits, pricing, and testimonials, fostering trust and encouraging them to take action. The minimalist design will ensure that distractions are minimized, allowing users to focus on the content and CTAs, enhancing overall conversion rates.