Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that generates active Roblox gift codes for users. The main purpose is to provide a simple, user-friendly interface where users can easily access and redeem gift codes while ensuring a minimalist design that enhances usability.

## CORE FEATURES
1. **Gift Code Generation**: Users can generate active Roblox gift codes through a simple button click.
2. **Code Validation**: Check the validity of the generated gift codes in real-time to ensure they are active.
3. **User Account System**: Users can create an account to save their favorite gift codes and access them later.
4. **Redemption Instructions**: Clear instructions on how to redeem the gift codes on the Roblox platform.
5. **Responsive Design**: The application will be fully responsive, ensuring a great experience on both desktop and mobile devices.
6. **Contact Support**: A section for users to contact support for help with any issues related to gift codes.

## 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 hero section with a prominent call-to-action, followed by sections detailing features, user testimonials, and a contact form, all structured in a single-page scroll format.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Components**: Develop the main components including Header, Hero, Features, CodeGenerator, Instructions, and Footer.
3. **Implement Routing**: If using multiple pages, set up routing for user account pages and support contact page.
4. **State Management**: Configure Redux or Context API to manage the gift code generation and user authentication state.
5. **Design UI**: Style components using Tailwind CSS with the specified design specifications for a cohesive look.
6. **Testing**: Thoroughly test the application for responsiveness, functionality of gift code generation, and user account features.
7. **Deployment**: Deploy the application using a platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
Users will land on a clean, minimalist page where they can generate gift codes with a single click. The user flow will guide them through the code generation process, providing real-time feedback on code validity. Users will also have a straightforward pathway to create an account to save their codes and contact support if needed, ensuring a smooth and engaging experience throughout their interaction with the application.