Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to offer users a platform where they can gift "Robux" for free, mimicking the features of the official Roblox gifting section. The application aims to engage users by providing an interactive interface that allows for seamless gifting without any payment requirements.

## CORE FEATURES
1. **User Account Creation**: Users can create accounts to manage their gifting activities and track their Robux balance.
2. **Robux Gifting System**: A straightforward system that allows users to gift Robux to their friends or other users within the platform.
3. **Referral Program**: Users can earn additional Robux by referring friends to the platform.
4. **User Dashboard**: A personalized dashboard displaying the user's Robux balance, gifting history, and referral earnings.
5. **Support and FAQ Section**: A dedicated section to address common queries and provide support for users about the gifting process.
6. **Social Sharing Options**: Users can share their gifting achievements on social media platforms to attract more users.

## 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 hero section at the top, followed by features in a grid format, a user dashboard, and a footer with contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing user state and Robux balance.

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui components, and Redux/Context API for state management.
3. **Create Components**: Develop the components for the user dashboard, gifting system, and support section.
4. **Implement Routing**: Use React Router for navigating between different sections of the application.
5. **State Management**: Set up Redux/Context API to manage user sessions, gifting transactions, and balances.
6. **Design Implementation**: Apply Tailwind CSS styles to components ensuring adherence to the minimalist design specifications.
7. **Testing**: Conduct thorough testing including unit tests for components and integration tests for user flows.
8. **Deployment**: Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will encounter an intuitive interface where they can easily navigate through the gifting process. The user dashboard provides quick access to their Robux balance and gifting history. The referral program motivates users to invite friends, enhancing community engagement. A simple and clear FAQ section ensures that users can resolve their queries effectively, contributing to a smooth overall experience.