Lovable Prompt Creator - AI Prompt Generator

```xml
<instructions>
You are a senior frontend developer tasked with creating a web application that simulates generating Robux for users. The application should be engaging and have a user-friendly interface that encourages interaction. Follow the design specifications and core features outlined below carefully.
</instructions>

<context>
The project is a web application designed as a fake Roblox plus gifter app that allows users to simulate generating 1 million Robux. The target users are individuals looking for a fun and interactive experience related to Roblox.

Design specifications (MUST include in context—copy typography, primary color, border radius exactly):
- 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
</context>

<requirements>
Develop the following core features:
1. Hero Section: A captivating introduction with a tagline and a call-to-action button that invites users to start generating Robux.
2. Robux Generation: Simulate the generation of Robux with an animated progress bar.
3. User Testimonials: Display fictitious testimonials from happy users.
4. Features Overview: Brief description of app functionality and benefits.
5. Contact Section: Simple form for user inquiries and feedback.

Use the following technology stack:
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Use Context API if required for state management.

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 according to the design specifications.
5. Add Robux Generation Logic: Create a function to simulate Robux generation and display progress.
6. Test Responsiveness: Ensure the app is responsive across various devices and screen sizes.
</requirements>

<output_format>
The expected output should be a fully functional React web application structured as follows:
- src/
  - components/
    - Hero.tsx
    - RobuxGenerator.tsx
    - Testimonials.tsx
    - FeaturesOverview.tsx
    - ContactForm.tsx
  - App.tsx
  - index.tsx
  - styles.css
Ensure the application adheres to the specified design and functionality in a clean and maintainable manner.
</output_format>
```