Lovable Prompt Creator - AI Prompt Generator

1. ## APPLICATION OVERVIEW
This project is a web application designed to mimic a Roblox Robux generator, enabling users to send customizable amounts of Robux to other Roblox users. The interface will focus on a minimalist design, ensuring ease of use while maintaining a professional appearance that resonates with the Roblox aesthetic.

## CORE FEATURES
1. **User Search**: A search feature allowing users to find other Roblox usernames quickly, facilitating the sending of Robux.
2. **Custom Robux Amount**: Users can specify the exact amount of Robux they wish to send, enhancing personalization.
3. **Robux Purchase**: A feature to allow users to buy Robux directly through the application, providing a seamless experience.
4. **Transaction History**: A record of all transactions made by the user, including amounts sent and recipient usernames.
5. **User Dashboard**: A personalized dashboard displaying the user’s balance, transaction history, and quick access to sending Robux.
6. **Responsive Design**: Ensures optimal viewing across various devices, maintaining functionality and aesthetics.

## 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**: A single-page layout with a top navigation bar, followed by a hero section, user dashboard, and transaction history display.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API or Zustand (as needed for global state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Layout**: Set up the main layout with a responsive navigation bar, hero section, and dashboard area.
3. **Implement User Search**: Develop the search functionality to allow users to input and search for Roblox usernames.
4. **Build the Custom Robux Amount Feature**: Create a form element where users can input the desired Robux amount to send.
5. **Develop Robux Purchase Functionality**: Integrate payment processing capabilities for users to buy Robux.
6. **Implement Transaction History**: Design a section to display the user’s transaction history and integrate it with the backend.
7. **Ensure Responsive Design**: Test the application on multiple devices and screen sizes to guarantee usability and aesthetic consistency.

## USER EXPERIENCE
Users will begin their journey on a clean landing page where they can quickly access the search bar to find other Roblox users. After inputting a username, they can enter a customizable Robux amount and send it directly. The dashboard will provide a summary of their current balance and transaction history, ensuring they can manage their activities seamlessly. The minimalist design will guide users through the application effortlessly, focusing on functionality and ease of use.