Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to provide users with a seamless experience for generating fake Robux gift cards. It focuses on user engagement and conversion through a clean interface, making it easy for users to navigate and utilize the service.

## CORE FEATURES
1. **User Registration & Login**: Users can create accounts and log in to access personalized features.
2. **Gift Card Generation**: Users can generate fake Robux gift cards with customizable values.
3. **Balance Tracker**: A feature that allows users to track their generated gift card balances.
4. **Referral System**: Users can refer friends and earn rewards for each successful sign-up.
5. **FAQ Section**: A dedicated area to answer common questions and provide support information.
6. **Contact Form**: A simple contact form for users to reach out for support or inquiries.

## 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 hero section with a prominent call-to-action, followed by sections for features, user testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: React Context API for managing user sessions and state across the application

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries (e.g., React Router for navigation).
3. **Create the Folder Structure**: Organize your components, pages, and styles in a clear directory structure.
4. **Design the Layout**: Implement the main layout with a responsive top navigation bar and a hero section.
5. **Develop Core Features**:
   - Implement user registration and login functionality.
   - Build the gift card generation feature, ensuring it allows customizable values.
   - Create a balance tracker component linked to user accounts.
   - Set up the referral system logic and UI.
   - Design the FAQ section and contact form.
6. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design specifications.
7. **Test User Flows**: Ensure all features work seamlessly and refine the user experience.
8. **Deploy**: Choose a hosting platform (e.g., Vercel, Netlify) for deployment.

## USER EXPERIENCE
The application will provide an intuitive user experience, starting with a welcoming hero section that encourages account creation. Users will easily navigate through features such as gift card generation and balance tracking, with clear calls-to-action and responsive design to maintain engagement across devices. The referral system will motivate users to invite friends, enhancing the community aspect of the application. The FAQ and contact sections will ensure users have access to necessary support and information.