Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a fully interactive web application inspired by Roblox, designed to closely resemble the official Roblox mobile app. It focuses on providing a rich user experience with features such as game discovery, user profiles, and a virtual currency management system, while ensuring that the application is clean, mobile-friendly, and fully functional.

## CORE FEATURES
1. **Homepage**: A Roblox-style homepage displaying game thumbnails for popular games like Blox Fruits, Brookhaven, and Adopt Me, with clickable game cards and a working search bar.
2. **Profile System**: Realistic user profile pages where users can search for usernames, view profile pictures, avatars, and account information, along with an Edit Profile feature.
3. **Robux System**: A display of Robux balance with a clickable icon, a management page for updating balance, and a transaction history. The balance updates instantly across the interface.
4. **Send Robux Feature**: Users can search for a username, view the profile of the selected user, enter a Robux amount, and simulate a transfer with a confirmation screen.
5. **Settings**: Customization options for account information, including demo Premium and Verified statuses, and editable displayed account name and Robux balance.

## 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 navigation links, a main content area for the homepage and profile displays, and a footer with additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for state management of user data and Robux transactions.

## 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**: Develop the main layout components including Header, Footer, and MainContent areas.
3. **Implement the Homepage**: Create the homepage component with game thumbnails, clickable cards, and a functional search bar.
4. **Build the Profile System**: Develop profile components to display user information, edit capabilities, and profile pictures/avatars.
5. **Develop the Robux System**: Create components for displaying the Robux balance, management page, and transaction history with instant updates.
6. **Add Send Robux feature**: Implement the functionality for sending Robux, including user search and simulation of transfer.
7. **Create Settings page**: Allow customization of account settings, including demo statuses and balance information.
8. **Ensure interactivity**: Make all buttons and navigation functional, integrating local storage for demo settings.
9. **Test the application**: Conduct testing for responsiveness, interactivity, and overall user experience, ensuring that the app remains lightweight and fast.

## USER EXPERIENCE
Users will interact with a polished interface that allows them to discover games, manage their profiles, and simulate transactions seamlessly. The application will respond quickly to user actions, offering a smooth experience with realistic loading animations and transitions, while clearly indicating that it is an unofficial Roblox-inspired demo. The use of a light theme will enhance readability and focus on content, ensuring users can easily navigate through the features.