Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Robux Send" is a web application designed to facilitate the seamless transfer of Robux, the virtual currency used in the popular online game Roblox. The primary goal of this application is to provide users with an intuitive interface for sending and receiving Robux easily, ensuring a secure and efficient transaction process.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login processes using email or social media accounts to protect user information.
2. **Robux Transfer**: A streamlined interface for users to send and receive Robux, including transaction history and confirmation notifications.
3. **Balance Overview**: Real-time display of the user’s current Robux balance and transaction limits.
4. **User Profiles**: Customizable user profiles showcasing transaction history, friends list, and account settings.
5. **Support and FAQs**: A dedicated section for user support and frequently asked questions to assist users in navigating the application.

## 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 top navigation bar, a central content area for features such as transfer and balance overview, and a footer with links to support and other resources.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui to set up the styling framework and UI components.
3. **Create Authentication Flow**: Implement user authentication using a backend service (e.g., Firebase or custom API).
4. **Develop Core Components**: Build the main UI components including the top navigation, Robux transfer form, balance overview, and user profile sections.
5. **Implement Robux Transfer Logic**: Code the logic for sending and receiving Robux, including validation and transaction history functionality.
6. **Design the User Interface**: Apply Tailwind CSS styles to create a minimalist aesthetic based on the provided design specifications.
7. **Test the Application**: Ensure all features work correctly, focusing on user experience and responsiveness across devices.
8. **Deploy the Application**: Host the web application on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
The application will provide a smooth user experience by allowing users to easily navigate through the authentication process, transfer Robux with a few clicks, and view their balance and transaction history in a clear layout. Users will appreciate the minimalist design, which emphasizes usability and accessibility, ensuring that even those new to Roblox can use the application with ease. Responsive design principles will ensure that the application looks great on both desktop and mobile devices, enhancing overall accessibility.