Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that allows users to select and upgrade Robux gifts or headless gifts. The application will focus on providing a smooth and intuitive user experience, allowing users to easily navigate through choices and upgrades while ensuring a minimalist aesthetic that enhances usability.

## CORE FEATURES
1. **Gift Selection**: A user-friendly interface for browsing and selecting between Robux gifts and headless gifts.
2. **Upgrade Options**: Features that allow users to upgrade their selected gifts with additional enhancements or features.
3. **Visual Previews**: Display visual previews of selected gifts and upgrades to help users make informed decisions.
4. **User Profiles**: Users can create and manage profiles to save their gift selections and upgrade history.
5. **Secure Checkout**: A streamlined checkout process for users to purchase their selected gifts securely.
6. **Testimonials Section**: A section for user testimonials to build trust and showcase satisfaction with the upgrades and gifts.

## 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 hero section at the top, followed by gift selection and upgrade options arranged in a grid layout. Below, there will be a testimonials section and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or React Context) for managing user profiles and selections.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Install Dependencies**: Add required libraries, including shadcn/ui for UI components and Redux for state management.
3. **Create Components**: Develop reusable components for buttons, cards, and forms using Tailwind CSS.
4. **Design Layout**: Implement the main layout structure, ensuring responsiveness for different device sizes.
5. **Implement Gift Selection Feature**: Create a page for users to view and select gifts, utilizing state management to track selections.
6. **Add Upgrade Functionality**: Develop the upgrade options feature, allowing users to modify their selected gifts.
7. **Integrate Checkout Process**: Build a secure checkout component where users can finalize their purchases.
8. **Create User Profile Management**: Implement user profile creation and management features for saving selections.
9. **Add Testimonials Section**: Design and integrate a testimonials section to enhance credibility.
10. **Testing and Deployment**: Conduct thorough testing of all features and prepare the application for deployment.

## USER EXPERIENCE
Users will start on a clean landing page with a clear hero section that introduces the application. They will easily browse gifts in a grid format, with clear call-to-action buttons for selecting and upgrading. The checkout process will be straightforward, ensuring that users can complete their purchases with minimal friction. The layout will adapt seamlessly across devices, providing an optimal experience whether on mobile or desktop.