Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a fake Roblox plus gifter app that allows users to simulate generating 1 million Robux. The primary goal is to create an engaging interface that captures users' attention while providing a simple experience of "gifting" Robux.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a tagline and a call-to-action button that invites users to start the process of generating Robux.
2. **Robux Generation**: A feature that simulates the generation of Robux, showcasing an animated progress bar that gives users a sense of achievement.
3. **User Testimonials**: A section displaying fictitious testimonials from happy users to enhance credibility and encourage new users to engage with the application.
4. **Features Overview**: A brief description of how the app works, highlighting its easy-to-use interface and benefits.
5. **Contact Section**: A simple form where users can submit questions or feedback about the app.

## 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**: Utilize a single-column layout that focuses on vertical scrolling, with the hero section at the top followed by features, testimonials, and the contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple app, but consider using Context API if state management becomes necessary.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**: Develop reusable components for the Hero section, Features overview, Testimonials, and Contact form.
4. **Implement Styling**: Utilize Tailwind CSS classes to style components based on the design specifications.
5. **Add Robux Generation Logic**: Create a function to simulate the generation of Robux and display the progress in the UI.
6. **Test Responsiveness**: Ensure the app is responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing hero section that quickly communicates the app's purpose. They can engage with the Robux generation feature, which provides a fun and interactive experience. The testimonials will build trust and encourage users to share their feedback through the contact form, ensuring a seamless flow throughout the application. The minimalist design will enhance user focus and make navigation intuitive.