Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that allows users to manage and obtain Robux, the in-game currency for Roblox. The application will provide a simple and intuitive interface for users to understand the process of earning and using Robux effectively.

## CORE FEATURES
1. **User Registration and Authentication**: Secure sign-up and login process for users to maintain their unique accounts.
2. **Robux Earning Guide**: A comprehensive section detailing various methods for users to earn Robux, including tasks, games, and promotions.
3. **Robux Tracker**: An interactive tool that helps users track their Robux earnings and expenditures over time.
4. **Community Forum**: A space for users to discuss strategies, share tips, and interact with others interested in maximizing their Robux.
5. **FAQs and Help Center**: A dedicated section to answer common questions and provide assistance to users navigating the platform.

## 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 content with a sticky navigation bar at the top, featuring sections for the hero area, features, community forum, and contact information.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Zustand for state management as needed

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Component Structure**: Build a component hierarchy that includes the main layout, header, footer, and individual feature components.
3. **Implement Routing**: Use React Router for navigating between different sections of the application (e.g., Home, Forum, FAQs).
4. **Develop User Authentication**: Integrate a secure authentication system to manage user registrations and logins.
5. **Build Core Features**: Develop the Robux earning guide, tracker tool, and community forum as interactive components.
6. **Style Components**: Apply Tailwind CSS styles to align with the minimalist design specifications, ensuring responsiveness across devices.
7. **Testing**: Conduct user testing to gather feedback and refine the user experience based on real interactions.

## USER EXPERIENCE
Key interactions will focus on guiding users through the process of earning Robux. Users will navigate through the application using a sticky navigation bar, accessing features like the earning guide and tracker seamlessly. The community forum will promote user engagement and provide a platform for sharing insights, while the FAQs section will enhance user support by addressing common inquiries. The overall experience will emphasize clarity, simplicity, and ease of use, ensuring users can manage their Robux effectively.