Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "send-fake-robux.lovable.app" is a web application designed to simulate the sending of Robux (the virtual currency used in Roblox) in a playful and engaging manner. This interactive platform will provide users with a clean and straightforward interface to navigate its features and enjoy a seamless experience.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to access their personalized dashboard, ensuring a secure environment for interactions.
2. **Robux Sending Simulation**: Users can select an amount of fake Robux to send to friends or other users, complete with fun animations and confirmation messages.
3. **User Profiles**: Each user has a profile page displaying their activity, including sent Robux transactions and achievements.
4. **Leaderboard**: A public leaderboard showcasing the top users who have sent the most fake Robux, encouraging competition among users.
5. **Responsive Design**: The application will be fully responsive, ensuring a great user experience on both desktop and mobile 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 hero section for the app description, followed by the features, user interaction sections, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies (React Router, Tailwind CSS, and shadcn/ui).
2. **Create Pages and Components**: Develop the necessary components, including a Navbar, HeroSection, FeaturesSection, and UserProfile.
3. **Implement User Authentication**: Set up user registration and login functionality using local storage or a mock backend.
4. **Develop Robux Sending Feature**: Create a form that allows users to input the amount of fake Robux to send, incorporating animations for sending.
5. **Build Leaderboard Functionality**: Create a leaderboard component that fetches and displays the top users based on sent Robux.
6. **Ensure Responsiveness**: Utilize Tailwind CSS utilities to ensure the layout is responsive and adapts to various screen sizes.
7. **Testing and Optimization**: Conduct usability tests and optimize the app for performance and accessibility.

## USER EXPERIENCE
Users will enjoy a seamless experience starting from the landing page, where they can easily navigate to register or log in. Upon logging in, they will be greeted with a clean dashboard that allows them to simulate sending Robux, view their profile, and check the leaderboard. The minimalist design will ensure the focus remains on the key interactions, providing a delightful and engaging user journey throughout the application.