Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a Robux purchasing experience, allowing users to send fake Robux to other users. The application will focus on a clean and simple user interface, making it easy for users to navigate through the features while ensuring a smooth experience.

## CORE FEATURES
1. **User Registration & Authentication**: Users can create an account and log in to manage their profiles and transactions.
2. **Fake Robux Generation**: A feature that allows users to generate and send fake Robux to other users within the application.
3. **Transaction History**: Users can view a history of their transactions, including sent and received fake Robux.
4. **User Profiles**: Each user has a profile that displays their username, transaction history, and account settings.
5. **Support Center**: A dedicated section for users to get help or report issues they encounter while using the application.
6. **Responsive Design**: The application will be fully responsive, ensuring usability on both mobile and desktop devices.

## 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 top navigation bar for quick access to core features, a hero section for promotional content, followed by sections for transaction history, user profile, and support, all organized in a single-column format for simplicity.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or a suitable state management library as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, and integrate Tailwind CSS for styling.
2. **Create Components**: Build reusable components such as Header, Footer, Button, and Input fields using shadcn/ui.
3. **Implement Routing**: Set up React Router for navigation between different sections of the application (Home, Profile, Transaction History, Support).
4. **Develop Authentication**: Create user registration and login functionalities with validation for user input.
5. **Develop Fake Robux Functionality**: Implement the logic for generating and sending fake Robux, including transaction history tracking.
6. **Build User Profile**: Design and implement the user profile page where users can view and edit their information.
7. **Create Support Center**: Develop a simple form for users to submit support requests and view FAQs.
8. **Ensure Responsiveness**: Test the application across various devices to ensure a consistent user experience.

## USER EXPERIENCE
Users will first encounter a welcoming hero section upon entering the application, clearly displaying the purpose of the site. They can easily navigate to register or log in. Once logged in, users will have access to their profile and the ability to generate fake Robux, which they can send to other users. The transaction history will provide clarity on their activity, while the support center will assist with any issues. The overall flow emphasizes simplicity and ease of use, ensuring that users can complete their tasks with minimal friction.