Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of sending fake Robux, aimed primarily at users interested in engaging with a playful and interactive platform. The application will focus on a clean and minimalist design to enhance user engagement and provide a straightforward experience.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create accounts or log in to access their profiles and manage their fake Robux transactions.
2. **Robux Sending Interface**: A simple and intuitive interface for users to send fake Robux to other users with just a few clicks.
3. **Transaction History**: A section where users can view their past transactions, including details of the amounts sent and received.
4. **Profile Management**: Users can manage their profiles, including personal information and transaction settings.
5. **Support/FAQ Section**: A dedicated area with frequently asked questions and support resources to assist users.
6. **Responsive Design**: Ensure that the app is fully responsive, providing an optimal experience on various 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, a central content area for features and interactions, and a footer with links to support and contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API for state management and user sessions

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create the Navigation Bar**: Develop a top navigation bar with links to Home, Profile, and Support.
3. **Develop the User Registration/Login Feature**: Implement forms for user registration and login, utilizing React Context for state management.
4. **Build the Robux Sending Interface**: Create a user-friendly interface where users can input the amount of fake Robux to send and select a recipient.
5. **Implement Transaction History**: Set up a component to display the user's transaction history, pulling data from the user state.
6. **Design the Profile Management Section**: Allow users to update their personal information and preferences.
7. **Create the Support/FAQ Section**: Develop an area for frequently asked questions and support resources.
8. **Ensure Responsive Design**: Use Tailwind CSS classes to guarantee the application is responsive across devices.
9. **Testing**: Conduct thorough testing to ensure all features work correctly and the user experience is seamless.

## USER EXPERIENCE
Users will have a straightforward journey starting from the landing page where they can either register or log in. Once authenticated, they will be directed to the Robux sending interface, where they can easily send fake Robux to others. Users will have access to their transaction history and profile management, making it easy to keep track of their activities. The support section will provide assistance when needed, ensuring a smooth and engaging experience throughout the application.