Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that allows users to simulate the gifting of Robux, a virtual currency used in the gaming platform Roblox. The application will provide users with an engaging and straightforward interface to explore the concept of Robux gifting, ensuring a focus on user experience and simplicity.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to access their gifting history and preferences.
2. **Robux Gifting Simulator**: A tool that allows users to input desired amounts of Robux and simulate the gifting process.
3. **Gift History**: A section where users can view their past simulated gifts along with details such as date, amount, and recipient.
4. **User Profile Management**: Users can manage their profiles, including updating personal information and preferences.
5. **FAQ Section**: A dedicated area providing answers to common questions about Robux gifting and the application’s functionality.
6. **Contact Support**: An easy-to-access support feature that allows users to reach out for assistance or report issues.

## 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 consist of a header with navigation links, a hero section for the gifting simulator, followed by sections for features, user testimonials, and a contact form at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if necessary, for managing user state and gift history).

## IMPLEMENTATION STEPS
1. **Set up the React project**: Create a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary packages (e.g., Redux).
3. **Create Layout Components**: Develop the main layout components including Header, Footer, and Main Content areas.
4. **Design the Hero Section**: Implement the gifting simulator interface in the hero section, including input fields and buttons.
5. **Build Core Features**:
   - Implement user registration and login functionality.
   - Create the Robux gifting simulator logic.
   - Develop the gift history and user profile management features.
   - Set up the FAQ and contact support sections.
6. **Style the Application**: Use Tailwind CSS to style the application according to the design specifications.
7. **Test Responsiveness**: Ensure the application is fully responsive across different devices and screen sizes.
8. **Deploy the Application**: Use a suitable platform (e.g., Vercel, Netlify) for hosting the web application.

## USER EXPERIENCE
Users will have a seamless experience starting from the landing page where they can easily navigate through the gifting simulator, manage their accounts, and access support. The design will emphasize clarity and ease of use, ensuring that users can simulate their gifting process without confusion. The minimalist approach will keep the focus on functionality, providing a pleasing and efficient user journey.