Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the functionality of the Roblox app, allowing users to gift Robux to others. The application will focus on a clean, minimalist design that prioritizes user experience while providing essential features for gifting.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process, allowing users to create accounts and manage their profiles.
2. **Robux Gifting**: A streamlined interface for users to gift Robux to friends, including selecting gift amounts and recipient accounts.
3. **Transaction History**: A dashboard displaying user transaction history, including details of sent and received gifts.
4. **User Profiles**: Each user will have a profile page where they can manage their account settings and view their activity.
5. **Notifications**: Real-time notifications for successful gifts and updates on transactions.
6. **Support Center**: A section for FAQs and customer support inquiries to assist users with any issues they may encounter.

## 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 top navigation bar, a hero section for featured features, a grid layout for the gifting process, and a footer with support links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (if needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Authentication Flow**: Design and implement user registration and login components, integrating with an authentication API.
3. **Develop Gifting Feature**: Create components for selecting recipients and gift amounts, with backend integration for processing gifts.
4. **Implement Transaction History**: Develop a dashboard component to display the user's transaction history, fetching data from the backend.
5. **Build User Profile Page**: Create a profile page allowing users to update their information and view their activity.
6. **Add Notifications**: Implement a notification system to alert users about their gifting activities and any updates.
7. **Design Support Center**: Create a support section with FAQs and contact forms for user assistance.

## USER EXPERIENCE
Users will navigate the application through a clean interface, starting with an authentication screen. Upon logging in, they will access a dashboard where they can easily view their transaction history and initiate gifting. The gifting process will be intuitive, guiding users to select a recipient and gift amount with minimal friction. Notifications will provide timely updates on the status of their gifts, ensuring users feel engaged and informed throughout their experience.