Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails building a web application that mimics a Roblox-themed platform where users can simulate sending Robux and display values for Robux transactions. The application aims to provide a clean and simple interface for users to engage with the Roblox-themed functionalities while ensuring a seamless user experience.

## CORE FEATURES
1. **User Registration and Login**: Allow users to create accounts and log in to their profiles securely.
2. **Robux Transaction Simulation**: Users can simulate sending Robux to other users, showcasing the transaction history in a user-friendly manner.
3. **Display Values for Robux**: Provide a feature where users can input and display values for Robux, enhancing user engagement and interaction.
4. **Profile Management**: Enable users to manage their profiles, including viewing their transaction history and adjusting display settings.
5. **Support and Contact Form**: A simple contact form for user inquiries and support issues to enhance user satisfaction.

## 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, main content area featuring transaction simulation and profile management, and a footer. The sections will be spaced evenly to maintain a clean aesthetic.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's Context API or suitable state management libraries as needed.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui components.
2. **Create User Authentication**: Implement user registration and login functionality using a simple form and local storage for demo purposes.
3. **Build Main Features**: Develop the Robux transaction simulation interface, allowing users to input amounts and see transaction history.
4. **Profile Management**: Create a profile management section where users can view their transaction history and edit their display values.
5. **Contact Form**: Implement a contact form for user feedback and inquiries, ensuring the form data is handled appropriately.
6. **Styling and Responsiveness**: Use Tailwind CSS to style the application according to the specified design requirements, ensuring it is responsive across devices.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface, starting with a registration or login screen. Once logged in, they can easily navigate to the transaction simulation feature, inputting Robux amounts and viewing their transaction history. Users can manage their profiles through a dedicated section, and any support needs can be addressed via the contact form. The minimalist design will allow for a smooth and engaging user experience, focusing on functionality and ease of use.