Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "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 and enhance user engagement through a clean and minimalist design approach.

## CORE FEATURES
1. **User Registration & Authentication**  
   Allow users to create accounts or log in, ensuring secure access to their gift management.

2. **Gift Selection**  
   Users can browse and select different Robux gift options, viewing details such as pricing and quantity.

3. **Transaction Management**  
   A feature that allows users to manage their gifting transactions, including purchase history and status updates.

4. **User Dashboard**  
   A personalized dashboard where users can view their account balance, gift options, and transaction history.

5. **Notifications & Alerts**  
   Users receive notifications for successful transactions, gift availability, and promotional offers.

6. **Contact Support**  
   A contact form for users to reach out for support or inquiries regarding their transactions.

## 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 layout will feature a top navigation bar, a hero section at the top, followed by core features displayed in cards, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **State Management:** Use React Context API or Zustand for state management as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it according to the documentation.

2. **Create the Basic Structure**
   - Develop the main layout including header, footer, and routing.
   - Create a responsive navigation bar with links to core features.

3. **Implement Authentication**
   - Set up user registration and login forms, integrating with a backend service for authentication.
   - Use context to manage user state across the application.

4. **Build Core Features**
   - Develop the gift selection feature with a product listing page, ensuring users can view details before purchasing.
   - Implement transaction management, allowing users to view and manage their transaction history.

5. **Design the User Dashboard**
   - Create a dashboard component where users can see their balance and past gifts.
   - Integrate notification alerts to inform users of important updates.

6. **Establish Support Communication**
   - Add a contact form component that allows users to submit inquiries directly.

## USER EXPERIENCE
The user experience will focus on simplicity and responsiveness. Upon landing on the homepage, users will be greeted with a clear call-to-action to start gifting. Navigation will be intuitive, allowing users to quickly find options and manage their gifts. The dashboard will provide a cohesive view of their activities, ensuring that users feel in control and informed throughout their interactions with the application. 

By adhering to these specifications and focusing on a minimalist design, "giftrobuxmobile.lovable.app" aims to provide a delightful user experience while facilitating Robux gifting efficiently.