Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a Roblox-like experience where users can showcase their virtual wealth (Robux) and gift in-game items like Korblox and Headless to other users by typing in their usernames. The application will focus on a clean, minimalist aesthetic to enhance user interaction while providing a seamless gifting experience.

## CORE FEATURES
1. **User Profile Display**: Showcase the user's Robux balance and virtual items in a visually appealing format.
2. **Gift Item Functionality**: Allow users to input a username and select items (Korblox and Headless) to gift.
3. **Transaction Confirmation**: Provide a confirmation step before finalizing any gifts to prevent accidental actions.
4. **User Search**: Enable users to search for other usernames easily within the platform.
5. **Responsive Design**: Ensure the application works seamlessly across different devices, maintaining usability on both desktop and mobile.

## 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**: A single-page layout with a hero section displaying the user's profile, followed by sections for gifting items and user search functionality.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (for managing user state and transactions)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App and TypeScript template.
2. **Install dependencies**: Add Tailwind CSS and configure it within the application. Install shadcn/ui for UI components.
3. **Create the layout components**: Develop a header, user profile section, gifting section, and search functionality using functional components.
4. **Implement state management**: Use React Context API to manage the user’s Robux balance and gifted items across the application.
5. **Design responsiveness**: Use Tailwind CSS utility classes to ensure the application is responsive on various screen sizes.
6. **Test functionalities**: Implement unit tests for the gifting functionality and user interactions to ensure a smooth user experience.

## USER EXPERIENCE
Users will land on a visually appealing homepage displaying their Robux balance and options to gift items. They can easily type in a username in a search bar, select an item to gift, and confirm their transaction. The minimalist design will ensure users can focus on the task at hand without distractions, providing an intuitive and seamless experience throughout the application.