Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a "Cake Robux Gift Center" where users can gift virtual currency or items related to the popular game Roblox. This application aims to provide an easy and enjoyable shopping experience for users looking to purchase and send Robux gifts.

## CORE FEATURES
1. **User Accounts**: Allow users to create and manage their accounts for a personalized experience, including viewing purchase history and managing gift settings.
2. **Gift Catalog**: A visually appealing catalog showcasing various Robux gift options with descriptions, prices, and images.
3. **Shopping Cart**: Enable users to add gifts to their shopping cart, modify quantities, and proceed to checkout seamlessly.
4. **Payment Integration**: Secure payment processing to facilitate transactions, including credit card and other popular digital payment methods.
5. **Gift Sending**: An intuitive interface for users to send gifts to friends, including options to customize messages and delivery methods.
6. **Order Tracking**: Users can track the status of their gifts from purchase to delivery, ensuring they stay informed.

## 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 structure will consist of a top navigation bar, a hero section showcasing featured gifts, a grid layout for the gift catalog, a shopping cart sidebar, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user sessions and cart states

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Pages**: Develop the main pages including the Home page, Gift Catalog, Shopping Cart, and User Account pages.
3. **Build Components**: Design reusable UI components such as buttons, cards, and input fields using Tailwind CSS and shadcn/ui.
4. **Implement Routing**: Use React Router for navigation between different pages of the application.
5. **Set Up State Management**: Integrate Redux to handle user authentication and shopping cart state.
6. **Integrate Payment Gateway**: Implement a secure payment processing system using a service like Stripe or PayPal.
7. **Test Application**: Conduct thorough testing to ensure that all features work as expected and that the user experience is smooth and intuitive.
8. **Deploy Application**: Use a service like Vercel or Netlify for deployment, ensuring that the application is accessible to users.

## USER EXPERIENCE
Users will land on a visually engaging homepage featuring the latest gift offers. They can easily navigate through categories, add items to their cart, and proceed to checkout with minimal clicks. The clean design and intuitive layout ensure that users can find what they need quickly, while the order tracking feature keeps them informed throughout the gifting process. Overall, the focus will be on providing a seamless, enjoyable experience that encourages users to return for future gifting needs.