Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to allow users to customize and manage an unlimited amount of Robux, providing a seamless and error-free experience. The application will feature a clean and minimalist design to enhance user engagement and facilitate easy navigation.

## CORE FEATURES
1. **Unlimited Robux Customization**: Users can input their desired amount of Robux and receive customized options without any restrictions.
2. **User Dashboard**: A personalized dashboard where users can view their Robux balance and customization history.
3. **Real-time Updates**: Instant feedback on customization changes to ensure users can see their updates in real-time.
4. **Account Management**: Users can create accounts to save their preferences and customization settings securely.
5. **Help Center**: Access to FAQs and support to assist users with any issues or questions regarding their customization.

## 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 hero section for introducing the app, a central dashboard area for Robux customization, and a footer with links to the Help Center and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing user state and customization settings.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React app with TypeScript using Create React App.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries (e.g., Redux).
3. **Create the main layout**: Develop a top navigation bar, hero section, and footer.
4. **Develop the User Dashboard**: Create components for displaying the Robux balance and customization options.
5. **Implement the customization functionality**: Set up form inputs for users to enter their desired Robux amount and handle state updates.
6. **Integrate real-time updates**: Use React state management to update the UI as users make changes.
7. **Create the Help Center**: Build an FAQ section and contact form for user support.
8. **Test the application**: Ensure all features function correctly and the design is responsive across devices.
9. **Deploy the application**: Host the web app on a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will start at the hero section, where they can easily understand the purpose of the application and get started with customizing their Robux. The user dashboard will provide a clear overview of their balance, with intuitive controls for customization. Users will receive immediate feedback as they adjust settings, ensuring an engaging and efficient experience. The Help Center will be easily accessible for any additional support needed.