Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide users with a platform that claims to generate and send Robux, the in-game currency for Roblox. The application will feature a clean, minimalist design focused on user engagement and ease of use, while ensuring a straightforward user experience.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create accounts and log in to access their personalized dashboard.
2. **Robux Generation Tool**: A feature that allows users to input specific criteria to generate Robux, simulating the process.
3. **Transaction History**: Users can view their past transactions and Robux received, creating a sense of accountability and tracking.
4. **Referral Program**: Encourage users to invite friends by offering additional Robux rewards for successful referrals.
5. **User Support**: A section dedicated to FAQs and support for users encountering issues or needing assistance.

## 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 consist of a header with a navigation bar, a central content area displaying the core features, and a footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing user states and transactions.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript using create-react-app.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create User Authentication**: Implement user registration and login functionality using Firebase or a similar service.
4. **Develop Core Features**: Build the Robux generation tool and transaction history page, ensuring it connects to a backend service.
5. **Implement Referral Program**: Create a referral system with unique links for users to share.
6. **Design and Style**: Use Tailwind CSS to implement the minimalist design, ensuring responsiveness across devices.
7. **Testing and Deployment**: Conduct thorough testing to fix any bugs and deploy the application on a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will begin by creating an account or logging in. Upon entering the dashboard, they will see an overview of their account, including the Robux generation tool prominently displayed. The user can easily input their criteria and see the results in real-time. The transaction history will provide a transparent view of their Robux transactions, and the referral program will encourage further engagement. Users will have access to support resources for any questions or issues they may encounter, ensuring a smooth and user-friendly experience.