Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a Roblox website, featuring a fake Robux sender. The main purpose is to create an engaging, user-friendly interface that mimics the Roblox experience while ensuring a minimalist aesthetic. 

## CORE FEATURES
1. **Fake Robux Sender**: Users can simulate sending and receiving fake Robux to other users, showcasing a fun and interactive experience.
2. **User Accounts**: Allow users to create and manage their profiles, enhancing the personalized experience.
3. **Transaction History**: Display a log of all fake transactions, giving users a sense of activity and engagement.
4. **Dashboard**: A central hub for users to view their balance, recent transactions, and available features.
5. **Contact Support**: Users can submit queries or issues, ensuring they feel supported throughout their experience.
6. **Responsive Design**: Ensure the application works seamlessly across devices, providing a consistent user experience.

## 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 dashboard area for content, side panels for quick links and features, and footers for additional information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for rapid styling and responsiveness.
- **UI Components**: shadcn/ui for modern and customizable UI components.
- **State Management**: Use React Context API or Zustand for managing user state and transactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and required dependencies.
2. **Create Layout Components**: Build the main layout components (Header, Footer, Sidebar, Dashboard).
3. **Implement User Accounts**: Create the user authentication flow (sign up, log in, profile management).
4. **Develop Fake Robux Sender**: Integrate the functionality to send and receive fake Robux, ensuring all interactions are visualized.
5. **Set Up Transaction History**: Create a component to display transaction logs, using mock data for demonstration.
6. **Responsive Design**: Ensure all components are responsive and test on various devices.
7. **Add Contact Support**: Implement a simple form for user inquiries and feedback.

## USER EXPERIENCE
Users will navigate through a clean, intuitive interface where they can easily access the fake Robux sender, view their transactions, and manage their accounts. The dashboard will serve as the main hub, providing quick access to all features, and the responsive design will ensure a smooth experience on both desktop and mobile devices. Clear calls to action and visual feedback will enhance user interactions, making the application engaging and enjoyable.