Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a Robux send platform that provides users with a seamless and engaging way to transfer Robux, mimicking the aesthetics and functionality of the Roblox environment. The application will feature a minimalist design, focusing on user experience and ease of navigation.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to allow users to create and manage their accounts.
2. **Robux Transfer Functionality**: Users can send and receive Robux easily with a user-friendly interface.
3. **Settings Menu**: A settings button located in the top left corner for users to manage their account settings, including privacy and notification preferences.
4. **Transaction History**: A section to view past transactions, providing users with transparency about their Robux transfers.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices, including desktops, tablets, and mobile phones.
6. **Help & Support Section**: A dedicated area for users to access FAQs, tutorials, and customer support.

## 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 application will feature a top navigation bar, a main content area for Robux transfer and settings, and a sidebar for transaction history and help support. The layout will emphasize clarity and ease of navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use Context API or Redux for managing user authentication state and Robux transaction state.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project using Create React App with TypeScript. Install Tailwind CSS and configure it for global styles.
2. **Build the Authentication Module**: Create the login and registration components, ensuring proper validation and error handling.
3. **Develop the Robux Transfer Feature**: Implement the main functionality for sending and receiving Robux, including input fields for user IDs and amounts.
4. **Create the Settings Menu**: Design the settings component accessible from the top left corner, allowing users to customize their preferences.
5. **Set Up Transaction History**: Develop a component to display a list of past transactions, fetching data from a mock API or local state.
6. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure the application is responsive, testing on various screen sizes.
7. **Final Touches**: Polish the UI with consistent spacing, hover effects on buttons, and a cohesive color scheme.

## USER EXPERIENCE
Users will experience a streamlined and intuitive workflow, starting from the landing page, where they can log in or sign up. Once authenticated, they can easily access the Robux transfer functionality, navigate to their settings, and review their transaction history. The minimalist design will ensure that users focus on the task at hand without distractions, providing a satisfying and efficient interaction with the application.