Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a gifting experience for Robux, allowing users to send virtual gifts visually resembling real Robux transactions. The application will provide an engaging and user-friendly interface, focusing on a minimalist design to enhance the user experience.

## CORE FEATURES
1. **User Authentication**: Users can create accounts and log in securely to manage their profiles and gifting history.
2. **Gift Creation**: A simple interface that allows users to create and customize their Robux gifts with various options.
3. **Visual Display**: A visually appealing section that showcases the gift before sending, complete with animations that mimic real Robux transactions.
4. **Gift History**: Users can view their previous gifts sent and received, along with statuses and details.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.
6. **Contact Support**: A contact form for users to reach out for assistance or inquiries regarding the gifting process.

## 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 header with navigation, a hero section for gift creation, a visual display area for previews, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for consistent and modern UI elements.
- **State Management**: Use React's built-in context or a dedicated state management library like Zustand if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript, and install Tailwind CSS and shadcn/ui.
2. **Create the Folder Structure**: Organize the project with folders for components, pages, styles, and assets.
3. **Implement Authentication**: Create user authentication using a library like Firebase or Auth0.
4. **Design the Gift Creation Interface**: Build components to allow users to create and customize gifts.
5. **Develop the Visual Display Component**: Implement animations and displays that mimic real Robux transactions.
6. **Setup Gift History**: Create a component to fetch and display the user's gift history.
7. **Contact Form Implementation**: Build a simple form that sends messages to a designated support email or service.

## USER EXPERIENCE
Users will start by logging into their accounts. They can then navigate to the gift creation section, where they can fill out details and customize their gifts. Once created, users will see a preview of their gift with engaging animations before confirming the send action. After sending, users can easily view their gift history and reach out for support through a straightforward contact form. The application will be responsive, ensuring a consistent experience on both mobile and desktop devices.