Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Robux Donation Simulator" is a web application designed to simulate a donation experience similar to Roblox, allowing users to engage in a fun and interactive way while learning about donations and virtual currencies. The application will feature a minimalist aesthetic and focus on user engagement through easy navigation and interactive elements.

## CORE FEATURES
1. **Donation Simulation**: Users can make virtual donations using simulated currency, enabling a playful interaction with the concept of donations.
2. **Leaderboard**: Displays top users based on the amount of simulated donations made, fostering competition and engagement.
3. **User Profiles**: Allow users to create and customize profiles to track their donation history and achievements.
4. **Interactive Tutorials**: Step-by-step guides on how donations work, promoting understanding and transparency.
5. **Social Sharing**: Users can share their achievements on social media platforms to encourage friends to join.

## 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 consist of a header with navigation links, a central hero section to engage users, followed by feature sections, a leaderboard, 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 other preferred state management solution)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React application with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the layout**: Develop a responsive layout using Tailwind CSS, including the header, hero section, features, and footer.
3. **Implement core features**:
   - Develop the donation simulation feature with state management to track donations.
   - Create the leaderboard component that fetches user data and displays it dynamically.
   - Build user profile functionality allowing customization and history tracking.
   - Add interactive tutorials using modal or tooltip components for improved user guidance.
4. **Add social sharing functionality**: Integrate social media sharing options to allow users to share their achievements.
5. **Test user interactions**: Ensure all features work seamlessly and provide a user-friendly experience across devices.
6. **Deploy the application**: Host the application on a suitable platform for public access.

## USER EXPERIENCE
Users will land on the homepage, greeted by an engaging hero section that invites them to start their donation journey. They will navigate through intuitive features, view their progress on the leaderboard, and have access to tutorials that enrich their understanding of donations. The application will be responsive, ensuring a smooth experience across desktops and mobile devices. Clear calls to action will guide users as they explore the simulator, making the experience enjoyable and educational.