Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of "sending" Robux, allowing users to engage in a fun and interactive manner. The focus is on a minimalist design that enhances user engagement while keeping the interface clean and intuitive.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to their existing accounts to track their interactions within the app.
2. **Robux Sending Simulator**: A primary feature that allows users to input amounts and simulate sending Robux to friends or accounts.
3. **Transaction History**: Users can view a history of their simulated transactions, providing them with a sense of engagement and continuity.
4. **Profile Management**: Users can edit their profile information and settings to personalize their experience.
5. **Social Sharing**: Option for users to share their simulated transactions on social media, enhancing engagement and app visibility.
6. **Help & Support**: A dedicated section providing FAQs and customer support to assist users with any queries or 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 central hero section for the Robux sending simulator, a features section highlighting the key functionalities, and a footer with contact information and social links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand (specify based on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Implement header, footer, and main content area with Tailwind CSS for styling.
3. **Build User Authentication**: Set up user registration and login functionality using Firebase Auth or a similar service.
4. **Develop Core Features**: 
   - Create the Robux sending simulator component with input handling.
   - Implement the transaction history feature with state management.
   - Build profile management functionality allowing users to update their information.
5. **Integrate Social Sharing**: Utilize social sharing libraries to allow users to share their simulated transactions.
6. **Develop Help & Support Section**: Include FAQs and a contact form for user support.
7. **Test and Optimize**: Conduct user testing to gather feedback and optimize user experience and responsiveness.

## USER EXPERIENCE
Users will start by landing on a clean and inviting homepage, where they can quickly register or log in. After logging in, they will be greeted with the Robux sending simulator, where they can easily input amounts and send Robux. The transaction history will provide a visual representation of their previous interactions, fostering a sense of community and engagement. Throughout their journey, users can access help and support resources, enhancing their overall experience within the application.