Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a Roblox currency service that offers users 11 million fake Robux. The primary purpose is to attract and engage users interested in Roblox, providing them with a visually appealing and straightforward experience. The application will feature a clean and minimalist design to enhance usability and encourage user interaction.

## CORE FEATURES
1. **Hero Section**: A prominent section at the top of the landing page showcasing the main value proposition of the application, including a call-to-action (CTA) button to get started.
2. **Robux Generation Simulation**: A feature that allows users to simulate generating 11 million Robux, which can be visually displayed to enhance user engagement.
3. **User Testimonials**: A section highlighting user feedback and experiences to build trust and credibility.
4. **How It Works**: An informative section explaining the process of using the service, outlining the steps users need to take.
5. **Contact Form**: A simple form for users to reach out with questions or feedback, enhancing user interaction.
6. **FAQ Section**: A dedicated area addressing common questions or concerns users might have regarding the service.

## 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 feature a single-column structure with clear sections (hero, features, testimonials, how it works, contact, and FAQ) that are easily navigable and responsive.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for a responsive and utility-first approach.
- **UI Components**: shadcn/ui for modern and accessible UI components.
- **State Management**: Use React's built-in state management or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Develop reusable layout components such as Header, Footer, and Section for clean structure.
4. **Implement Hero Section**: Design the hero section with a catchy headline, brief description, and a prominent CTA button.
5. **Develop Features Section**: Create individual components for each feature, ensuring clear descriptions and icons.
6. **Build Testimonials Section**: Set up a component to display user testimonials dynamically.
7. **Create How It Works Section**: Outline the process in a visually engaging way, potentially using icons or illustrations.
8. **Set Up Contact Form**: Implement a form that captures user inquiries, ensuring to handle form submissions effectively.
9. **Add FAQ Section**: Create a simple accordion-style FAQ section for better user experience.
10. **Testing and Optimization**: Ensure responsiveness across different devices and conduct user testing for feedback.

## USER EXPERIENCE
Users will interact with the application through a seamless and straightforward interface. The hero section will capture their attention immediately, encouraging them to engage with the Robux generation simulation. As users scroll down, they will encounter the features, testimonials, and informative sections that guide them through the application, addressing any questions they may have. The contact form will facilitate easy communication, enhancing the overall user experience. The minimalist design ensures that users can navigate the site effortlessly, with all essential information readily accessible.