Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that simulates a fictional "Jorblox" platform where users can explore and acquire virtual currency (Robux). The main purpose of the app is to provide a fun and engaging experience while promoting the idea of virtual currency transactions in a game-like environment.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in to access personalized features.
2. **Robux Balance Management**: Users can view their current Robux balance and transaction history.
3. **Robux Purchase Options**: Users can explore various packages of Robux for purchase, including the special "8000 Robux with Robux Plus."
4. **Rewards System**: Users can gain rewards through participation in mini-games or completing challenges, leading to additional Robux.
5. **Community Forum**: A space for users to interact, share tips, and discuss strategies related to earning Robux.
6. **Support and FAQs**: An integrated help section where users can find answers to common questions or submit support tickets.

## 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 header with navigation, a central hero section showcasing the app's features, followed by sections for user testimonials, a rewards overview, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user authentication and Robux balance)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Implement Authentication**: Create user authentication flows using Firebase or a similar service for managing user accounts.
3. **Develop Core Features**:
   - Create components for displaying user balance and transaction history.
   - Build a marketplace for Robux packages with purchase functionality.
   - Implement the rewards system with mini-game integration.
4. **Design Layout**: Utilize Tailwind CSS to create a minimalist design based on the specified design specifications.
5. **Integrate Community Forum**: Set up a basic forum component allowing users to post and reply to threads.
6. **Create Support Section**: Develop a help page with FAQs and a contact form for support requests.
7. **Testing**: Conduct thorough testing of all features and user flows to ensure a seamless experience.

## USER EXPERIENCE
Users will start by landing on the homepage where they can learn about the app and its features. After logging in, they will see their Robux balance prominently displayed along with options to purchase more. The rewards system will encourage users to engage with the app regularly, while the community forum will foster interaction among users. The design will emphasize clarity and accessibility, ensuring that users can navigate easily and find the information they need.