Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Fake Robux" project is a minimalist landing page designed to promote a service related to Robux, the in-game currency for Roblox. The primary purpose is to attract users with a clean, engaging design that highlights the features and benefits of the offering while guiding them towards conversion through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction to the service with a headline, subheadline, and a prominent call-to-action button.
2. **Features Overview**: A section outlining the main benefits and features of the service, presented in a clear and concise manner.
3. **Testimonials**: A dedicated section showcasing user testimonials to build trust and credibility.
4. **Call-to-Action (CTA)**: A strategically placed CTA encouraging users to take action, such as signing up or contacting for more information.
5. **Contact Form**: A simple form allowing users to inquire further about the service or get in touch for more details.

## 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 feature a full-width hero section at the top, followed by a grid or flexbox layout for the features overview, a dedicated testimonial section, and a contact form at the bottom, ensuring a logical flow and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, but could be implemented if necessary for form handling.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript.
2. **Install Tailwind CSS** and configure it in the project for styling.
3. **Create a components directory** and build reusable components for the hero section, features, testimonials, and contact form.
4. **Implement the layout** using Tailwind CSS classes to ensure responsiveness across devices.
5. **Style each component** according to the design specifications, utilizing the Inter font and the specified color palette.
6. **Add functionality** for the contact form, ensuring it captures user information and provides feedback upon submission.
7. **Test the landing page** for responsiveness and user experience across different devices and browsers.

## USER EXPERIENCE
Users will land on a clean hero section that quickly communicates the value of the service. They will scroll down to see the features laid out in a visually appealing manner, followed by real testimonials that enhance trust. A clear call-to-action will prompt users to engage further, and the contact form will be straightforward, encouraging inquiries. The minimalist design will ensure that users are not overwhelmed, providing a smooth and enjoyable navigation experience.