Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Facegiftrobux is a minimalist web application designed to facilitate the gifting of Robux, the virtual currency for the popular gaming platform Roblox. The application allows users to create, manage, and send Robux gifts seamlessly while maintaining a clean and user-friendly interface.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to manage their accounts and track gifting history.
2. **Gift Creation**: Users can easily create Robux gift packages, specifying amounts and personalized messages.
3. **Gift Management**: A dashboard for users to view, edit, or delete their existing gifts, along with tracking sent and received gifts.
4. **Transaction History**: A detailed view of all transactions, including timestamps, amounts, and recipient information.
5. **Responsive Design**: A fully responsive layout that adapts to various screen sizes, ensuring a smooth experience on mobile and desktop devices.
6. **User Support**: An integrated support section with FAQs and contact forms for assistance.

## 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, a central hero section for gift creation, followed by sections for gift management and transaction history, along with a footer for user support and contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript support. Install Tailwind CSS and configure it.
2. **Install Dependencies**: Add necessary dependencies, including shadcn/ui for UI components and Redux or Context API for state management.
3. **Create Authentication Module**: Implement user authentication with secure login and registration forms.
4. **Develop Gift Creation Feature**: Build a form component for users to create Robux gifts, ensuring validation for inputs.
5. **Build the Dashboard**: Create a dashboard component to display the user's gifts and transaction history, using cards for each gift.
6. **Implement Responsive Design**: Ensure all components are responsive using Tailwind CSS's utility classes.
7. **Add User Support Section**: Implement a help section with FAQs and a contact form.
8. **Testing**: Perform thorough testing for all features, including user authentication, gift management, and responsiveness across devices.

## USER EXPERIENCE
Users will interact with a clean and intuitive interface, starting from the landing page where they can easily navigate to create gifts or access their dashboard. The gift creation process will be straightforward, allowing users to input gift details quickly. The dashboard will provide a clear overview of their transactions, ensuring users can manage their gifts effortlessly. Responsive design will ensure a seamless experience across all devices, enhancing user satisfaction and engagement.