Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that allows users to create a fake Roblox account with Robux to donate. The application will focus on a minimalist design to provide a clean and user-friendly experience while ensuring users can easily navigate through the account creation and donation process.

## CORE FEATURES
1. **Account Creation**: Users can create a fake Roblox account by filling out a simple form that includes username and password fields.
2. **Robux Donation Simulator**: A feature that allows users to simulate donating Robux to other accounts, showcasing how the donation process works.
3. **User Dashboard**: A personalized dashboard where users can view their account details, donation history, and available Robux balance.
4. **Help & Support Section**: A dedicated section with FAQs and support resources to assist users in navigating the application.
5. **Responsive Design**: The application will be fully responsive to ensure a seamless experience across desktop and mobile devices.

## 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 top navigation bar, a central content area for forms and information, and a footer for additional links and support.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components. Install Redux if state management is needed.
3. **Create Layout Components**: Build the main layout components, including the navigation bar, footer, and main content area.
4. **Develop Account Creation Form**: Implement the account creation form with validation using Formik or React Hook Form.
5. **Implement Dashboard**: Create the user dashboard to display account details and donation history.
6. **Add Robux Donation Feature**: Develop the donation simulator and connect it to the dashboard.
7. **Implement Help & Support**: Design and code the help section with commonly asked questions and support links.
8. **Conduct Testing**: Ensure the application is responsive and works smoothly across different devices and browsers.

## USER EXPERIENCE
Users will start on the landing page with a clear call-to-action to create their fake Roblox account. After account creation, they will be directed to their dashboard where they can view their Robux balance and initiate donations. The application will provide intuitive navigation with a help section readily accessible for support, enhancing overall user engagement and satisfaction. The minimalist design will ensure that users can focus on the essential tasks without distractions.