Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed as a high-fidelity replica of the Roblox website, aiming to faithfully reproduce its structure, layout, navigation, and visual style. The application will include various sections that mirror those on Roblox.com, providing users with access to real experiences and user profiles while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Homepage**: A landing section that replicates the layout of the Roblox homepage, showcasing featured experiences and navigation links.
2. **Discover Experiences**: A page dedicated to browsing and discovering various Roblox games, displaying real titles, thumbnails, and creators.
3. **User Profiles**: Allows users to enter a valid Roblox username to view the corresponding public profile, including games and friends.
4. **Robux Section**: A simulation of the Robux management area, allowing users to input a username, specify an amount, and simulate a fictitious transaction.
5. **Responsive Design**: Ensures the application functions seamlessly on both desktop and mobile devices, adapting layouts and navigation accordingly.
6. **History Log**: Tracks simulated transactions in the Robux section, updating balances within the demo environment.

## 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 layout will feature a top navigation bar, side menu for categories, a search bar, and various sections laid out in a grid format for experiences. Each page will have a consistent header and footer, with responsive adjustments for mobile views.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user session states and Robux transactions

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create Layout Components**: Develop reusable components for the top navigation bar, side menu, and footer.
3. **Build Core Pages**: Implement the structure for each required page (Homepage, Discover Experiences, User Profile, Robux Section) using functional components.
4. **Integrate Real Data**: Use official Roblox API or other verified sources to fetch real game data and user profiles when available.
5. **Simulate Robux Transactions**: Create a local state management system to handle fictitious Robux transactions and display updated balances.
6. **Responsive Design**: Utilize Tailwind CSS utilities to ensure the application is fully responsive, testing on multiple devices.
7. **Testing**: Conduct thorough testing of all features, ensuring that buttons and interactions are functional and that the layout maintains fidelity to Roblox.com.

## USER EXPERIENCE
Users will be able to easily navigate through the application using the top navigation bar and side menu. They can search for games, view profiles by entering usernames, and simulate transactions in the Robux section. The interface will be intuitive, with clear calls to action and a layout that prioritizes accessibility and ease of use.