Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for users to send Robux, the in-game currency of Roblox, in a seamless and user-friendly way. The application will feature a minimalist design that emphasizes clean aesthetics and simplicity, ensuring users can easily navigate through the process of sending Robux.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for users to manage their accounts and send Robux.
2. **Robux Sending Interface**: A straightforward form allowing users to input recipient details and desired Robux amount.
3. **Transaction History**: Users can view their past transactions, including details like recipient, amount sent, and date.
4. **Profile Management**: Users can update their profile information, including linked Roblox accounts.
5. **Support & FAQs**: A section providing answers to common questions and a contact form for support inquiries.

## 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 Robux sending interface, followed by features and support sections, all organized in a single-column format for easy scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (optional, based on complexity of state management required).

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, Redux).
2. **Design the Layout**: Create the main structure of the application using Tailwind CSS for styling, ensuring all components follow the minimalist design guidelines.
3. **Implement Authentication**: Set up user authentication using Firebase or a similar service, creating login and registration forms.
4. **Build the Robux Sending Interface**: Develop the form for sending Robux, including validation for recipient details and amount input.
5. **Set Up Transaction History**: Create a component to display past transactions, fetching data from a backend service.
6. **Develop Profile Management**: Implement a profile page where users can update their information and linked Roblox accounts.
7. **Create Support & FAQs Section**: Add a static FAQ section and a contact form for user inquiries.
8. **Testing**: Conduct thorough testing on various devices to ensure responsiveness and user experience are optimal.

## USER EXPERIENCE
The user experience will be streamlined, allowing users to quickly log in, send Robux, and view their transaction history. The interface will guide users through each step, with clear calls to action and intuitive navigation. Responsive design will ensure that the application functions well on both desktop and mobile devices, making it accessible to all users.