Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Roblox Fake Robux Sender Application

## APPLICATION OVERVIEW
This application is a web app designed to simulate sending large amounts of Robux to users on Roblox, creating an entertaining experience. The app will display a message indicating that the user has an exaggerated amount of Robux, while ensuring a clean and simple user interface for easy navigation.

## CORE FEATURES
1. **Robux Simulator**: Allow users to input a Robux amount and generate a fake success message that displays the exaggerated Robux balance.
2. **User Profiles**: Enable users to create profiles where they can save their favorite fake Robux amounts and share them with friends.
3. **Share Functionality**: Integrate social media sharing options so users can easily share their fake Robux balances on platforms like Twitter and Facebook.
4. **Customizable Messages**: Provide options for users to customize the success messages that appear when sending Robux.
5. **Leaderboard**: Feature a leaderboard showcasing the highest fake Robux balances shared by users, adding a competitive edge to the experience.
6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal 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 include a hero section at the top with a call-to-action button, followed by features in card layout, user profiles, and a footer with social media links.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Develop core components such as Header, Hero, FeatureCards, UserProfile, and Leaderboard.
4. **Implement Routing**: Use React Router for navigation between different sections of the app.
5. **State Management**: Implement a state management solution to handle user profiles and fake Robux data.
6. **Style Components**: Use Tailwind CSS to apply the minimalist design specifications across all components.
7. **Testing**: Conduct thorough testing to ensure the app works flawlessly on both desktop and mobile devices.
8. **Deploy**: Deploy the application on a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a clean and simple homepage featuring a large input field to enter their desired Robux amount. After submitting, a success message will be displayed. They can easily navigate to their profile to view saved amounts or to the leaderboard to see how they rank against other users. The application will be intuitive, ensuring a smooth experience with responsive design for all device types.