Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Robux Generator Landing Page

## APPLICATION OVERVIEW
This project is a landing page designed for a Fake Robux Generator. Its purpose is to attract users interested in generating robux through an engaging and visually appealing interface. The focus will be on conversion, guiding users to understand the value of the service and encouraging them to take action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that encapsulates the essence of the generator, with a catchy tagline and a clear call-to-action (CTA) button.
2. **How It Works**: A simple explanation of the process involved in using the generator, presented in an easy-to-understand format.
3. **Testimonials**: User reviews and success stories to build trust and credibility around the service.
4. **Benefits**: A section highlighting the advantages of using the generator, emphasizing its ease of use and reliability.
5. **Contact Us**: A simple form for visitors to reach out with questions or feedback, enhancing 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**: The main layout will be a single-column structure, featuring a prominent hero section at the top, followed by the How It Works, Benefits, Testimonials, and Contact Us sections, all designed for easy scrolling and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop the main components for the Hero, How It Works, Benefits, Testimonials, and Contact Us sections.
4. **Design Layout**: Use Tailwind CSS classes to implement the minimalist design, ensuring responsive behavior across devices.
5. **Add Content**: Populate each section with relevant text, images, and links, ensuring clarity and engaging design.
6. **Implement CTA**: Ensure the CTA buttons are prominent and lead to the desired action, such as a further explanation or sign-up.
7. **Testing**: Test the landing page for usability and responsiveness on different devices and browsers.

## USER EXPERIENCE
Users will land on a clean and inviting interface where they will first see the Hero section with a compelling message. As they scroll down, they will be guided through how the generator works, benefits, and real user testimonials. The page will culminate in a clear contact form, encouraging user interaction and feedback. The design will ensure that all elements are easily readable and accessible, providing a smooth user journey.