Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Fakerobuxgift is a minimalist web application designed to provide users with an engaging and straightforward experience for redeeming and managing virtual gift cards. The application aims to simplify the process of obtaining and using gift codes in a clean and user-friendly interface.

## CORE FEATURES
1. **Hero Section**: A welcoming introduction to the service with a clear and compelling call-to-action (CTA) button to encourage user engagement.
2. **Gift Code Redemption**: Users can easily redeem their gift codes through a simple input form that requires minimal information.
3. **Account Management**: Users can create an account to track their redeemed codes and gift card balance, enhancing user engagement and retention.
4. **User Testimonials**: A section dedicated to showcasing positive user experiences to build trust and credibility.
5. **Contact Form**: An easy-to-use form for users to reach out with questions or support, ensuring a responsive customer service experience.
6. **FAQs Section**: A collection of frequently asked questions to help users find quick answers without needing direct support.

## 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 include a full-width hero section at the top, followed by a grid layout for features, a testimonials carousel, and a contact form section, ensuring an intuitive flow through the content.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling, shadcn/ui for UI components, and any other necessary packages.
3. **Create the Layout**: Build the main layout structure with a focus on responsive design using Tailwind CSS classes.
4. **Develop Core Features**:
   - Implement the Hero Section with a CTA button.
   - Create the Gift Code Redemption form with proper validation.
   - Set up user authentication and account management features.
   - Add the Testimonials section with sample user feedback.
   - Design the Contact Form with input validation.
   - Create an FAQs section with expandable answers.
5. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring that the primary color (#1978E5) and typography (Inter) are consistently used.
6. **Test Responsiveness**: Ensure the application looks great on all devices by testing and adjusting layout and styles as necessary.
7. **Deploy the Application**: Choose a hosting service (like Vercel or Netlify) to deploy the application for public access.

## USER EXPERIENCE
Users will encounter a clean and intuitive interface that guides them through the process of redeeming gift codes and managing their accounts. The Hero Section will catch their attention right away, followed by easy navigation to redeem codes and view testimonials that encourage trust. The account management features will allow users to track their activity effortlessly, while the responsive design ensures a smooth experience across devices. The contact form and FAQs will provide support, making the application user-centric and engaging.