Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a headless Korblox experience, allowing users to receive premium gifts. The application will provide a clean, minimalist interface that focuses on user engagement and ease of use, making it appealing for users looking to explore gifts and rewards in a streamlined manner.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create accounts and log in securely to access their personalized dashboards and track their gifts.
2. **Gift Catalog**: A visually appealing catalog showcasing available premium gifts, complete with descriptions and images.
3. **Gift Redemption**: Users can redeem gifts through a simple, intuitive process, ensuring a seamless experience.
4. **Referral Program**: Users can invite friends to join the platform and earn rewards when their referrals redeem gifts.
5. **User Dashboard**: A personalized dashboard displaying user stats, available gifts, and a history of redeemed gifts.
6. **Notifications**: Real-time notifications to inform users about new gifts, referral updates, and personalized offers.

## 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**: A structured layout featuring a top navigation bar, a hero section with a call to action, followed by the gift catalog, user dashboard, and footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Redux Toolkit, Tailwind CSS).
2. **Design the Layout**: Create the main layout structure with a navigation bar, hero section, and footer.
3. **Implement the Authentication System**: Set up user registration and login functionalities, using Firebase or a similar backend service.
4. **Develop the Gift Catalog**: Create a component to display gifts retrieved from an API, allowing users to browse and filter gifts.
5. **Build the Gift Redemption Process**: Implement the logic for users to select and redeem gifts, ensuring a clear user flow.
6. **Create the User Dashboard**: Design the dashboard to show user-specific data, including stats and redeemed gifts.
7. **Integrate Notifications**: Use a notification library to implement real-time user alerts for new gifts and updates.
8. **Test and Deploy**: Conduct thorough testing for usability and performance, then deploy the application on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will be greeted with a clean and inviting landing page showcasing the available gifts. The navigation will be intuitive, guiding them through registration or login. Once logged in, users will access their personalized dashboard, where they can view available gifts, track their redemption history, and invite friends. The overall experience will focus on simplicity and ease of navigation, ensuring users can engage with the application effortlessly.