Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"giftrobuxmobile.lovable.app" is a web application designed to provide users with a seamless and enjoyable experience for gifting Robux, the in-game currency for Roblox. The application aims to facilitate easy transactions while enhancing user engagement through a clean and minimalist design approach.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process, allowing users to create and manage their accounts.
2. **Gift Robux**: A straightforward interface for users to select the amount of Robux they wish to gift and the recipient's username.
3. **Transaction History**: A section where users can view their past gifting transactions and statuses.
4. **User Profiles**: Allow users to view and edit their profile information, including their Roblox username and payment methods.
5. **Support Chat**: An integrated chat feature for users to contact support regarding any issues or queries related to gifting Robux.
6. **Notifications**: Real-time notifications for transaction completions and updates on user account activities.

## 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 top navigation bar for easy access to key sections, a hero section displaying the main call to action, followed by a grid layout for features and user testimonials, concluding with a contact section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing user state and transaction data)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript using Create React App or another preferred method.
2. **Install dependencies**: Install Tailwind CSS and shadcn/ui components.
3. **Create the main layout**: Develop the navigation bar and the main layout structure using Tailwind CSS for styling.
4. **Implement User Authentication**: Set up user authentication functionality using a library such as Firebase or Auth0.
5. **Develop the Gift Robux feature**: Create the gift interface where users can select the recipient and amount.
6. **Build Transaction History**: Implement a component to display past transactions, fetching data from the state management store.
7. **User Profiles and Support Chat**: Add user profile management and integrate the support chat feature.
8. **Real-time Notifications**: Set up notifications using a library or API to inform users of transaction statuses.

## USER EXPERIENCE
Users will interact with a streamlined interface where they can easily log in or sign up. The gifting process will be intuitive, allowing them to select an amount, enter a username, and confirm their action within a few clicks. Users will receive immediate feedback on their transactions and can access their history and profile effortlessly. The support chat will enhance user confidence, providing help when needed. The overall responsive design will ensure a smooth experience across all devices.