Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is designed as a web app that simulates a fake platform for sending Robux, giving users the impression of having millions of Robux at their disposal. The main purpose is to create an engaging, playful experience that emphasizes a minimalist design while allowing users to interact with the features effortlessly.

## CORE FEATURES
1. **Robux Balance Display**: A visually appealing section that shows a large, eye-catching number representing the user's fake Robux balance, enhancing the illusion of wealth.
2. **Send Robux Functionality**: An interactive feature that allows users to input a username and amount of Robux to "send," complete with animations and confirmations.
3. **User Profiles**: Allow users to create and customize profiles, showcasing their fake Robux balance and transaction history.
4. **Leaderboard**: A fun competitive feature that displays the top users with the highest fake Robux balances, encouraging engagement.
5. **Themed Backgrounds**: Options for users to select themed backgrounds for their profiles, adding a personal touch to the user experience.
6. **Contact Support**: A simple form for users to send inquiries or feedback, enhancing user engagement and 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 main layout will feature a header with the app logo and navigation, a central area displaying the Robux balance, and sections for sending Robux, viewing leaderboards, and user profiles.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for managing state across components)

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Create a new React project using Create React App with TypeScript. Install Tailwind CSS and shadcn/ui for styling.
2. **Design the Layout**: Implement the main layout structure using Tailwind CSS, ensuring a responsive design that works on various screen sizes.
3. **Build Components**: Develop core components including Robux balance display, send Robux form, user profiles, and leaderboard.
4. **Implement State Management**: Set up Redux for managing user states, including Robux balance and transaction history.
5. **Add Functionality**: Code the logic for sending Robux, updating balances, and retrieving user data.
6. **Test the Application**: Conduct thorough testing for functionality, responsiveness, and user experience across different devices.

## USER EXPERIENCE
Users will have a seamless experience navigating through the app. They will first encounter the vibrant Robux balance display, encouraging them to interact with the send Robux feature. The leaderboard will drive competition among users, while profile customization will keep them engaged. The contact support feature ensures users feel supported and valued, enhancing overall satisfaction with the application. 

This setup will create a playful yet polished user experience, aligning with the vision of a fake Robux sending application.