Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application designed to create a fake sending service for Robux (RBX). The application aims to provide a clean and straightforward interface where users can simulate the sending of Robux, enhancing user engagement with a focus on simplicity and usability.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create an account or log in to access their saved settings and preferences.
2. **Robux Sending Simulation**: A central feature that lets users input amounts to simulate sending Robux, complete with customizable messages.
3. **Transaction History**: A section where users can view their previous simulated transactions, including date, amount, and message.
4. **User Profile Management**: Users can manage their profiles, including changing their passwords and updating personal information.
5. **FAQ Section**: Provide answers to common questions about the service, increasing user trust and understanding.
6. **Contact Support**: A simple form for users to reach out for help 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**: A single-column layout for mobile responsiveness featuring a prominent header, followed by the main content area for features, and a footer for links and contact details.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install dependencies (React Router, Tailwind CSS, etc.).
2. **Create the Main Components**: Build out the main components such as Header, Footer, UserForm, and TransactionHistory.
3. **Implement Routing**: Set up routing using React Router for different pages (Home, Profile, FAQ, etc.).
4. **Design UI with Tailwind CSS**: Apply Tailwind CSS classes to style components according to the design specifications.
5. **Integrate State Management**: Use React Context API or Zustand to manage user authentication state and transaction data.
6. **Connect to Backend (if applicable)**: If a backend is needed, set up APIs to handle user authentication and transaction simulation.
7. **Test for Responsiveness**: Ensure the application is responsive and works well on various screen sizes.

## USER EXPERIENCE
Users will start on a clean landing page that presents the simulation feature prominently. Upon logging in, they will be directed to their profile where they can input Robux to simulate sending. The transaction history will keep users engaged by allowing them to see previous actions. The FAQ section will support users in navigating the app, while the contact form offers a direct line to support for any issues encountered. The overall experience should feel seamless and intuitive, with a focus on minimal distractions and clear navigation.