Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Fake Robux" application is a landing page designed to promote a digital currency tool or service related to Roblox. Its primary purpose is to attract users' attention and convert visitors into leads or users through a clear presentation of features, benefits, and calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a compelling tagline and a call-to-action button that invites users to learn more or sign up.
2. **Features Overview**: A concise section outlining the main features of the service, highlighting its benefits to users in an easily digestible format.
3. **Testimonials**: A section showcasing user reviews and experiences to build trust and credibility among potential users.
4. **Call to Action (CTA)**: A prominent and persuasive CTA encouraging users to get started, sign up, or download the service.
5. **Contact Information**: A simple contact form or section where users can ask questions or get 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 should be structured in sections, with a full-width hero at the top, followed by features, testimonials, a CTA, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for the landing page, but can be integrated for forms or dynamic content if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create the Layout**: Design the landing page layout using a main container that holds sections for Hero, Features, Testimonials, CTA, and Contact.
3. **Implement the Hero Section**: Add a large heading, subtitle, and a prominent CTA button styled with the primary color.
4. **Add Features Section**: Create cards for each feature using Tailwind CSS to maintain the minimalist aesthetic.
5. **Incorporate Testimonials**: Use a simple list or grid layout to display user testimonials, ensuring they are visually distinct.
6. **Design the CTA Section**: Make it visually appealing and ensure it stands out, encouraging user interaction.
7. **Create the Contact Section**: Implement a straightforward contact form with necessary input fields and a submit button.
8. **Optimize for Responsiveness**: Ensure all elements adjust gracefully to various screen sizes, maintaining usability and aesthetics.

## USER EXPERIENCE
The user experience should be intuitive and straightforward, with clear navigation through sections. Users will be drawn to the hero section first, guiding them through features and testimonials before encouraging them to take action via the CTA. The contact section will allow users to easily reach out for support or inquiries, ensuring a seamless interaction with the landing page.