Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
FakeRobuxgift is a minimalist web application designed to simulate the experience of gifting Robux, the virtual currency used in Roblox. The primary purpose of this application is to provide users with a clean and engaging interface that allows them to explore and understand how gifting works, along with the benefits and features offered by the platform.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that highlights the main features and benefits of using FakeRobuxgift, encouraging users to engage with the platform.
2. **Gifting Simulator**: An interactive component allowing users to simulate sending Robux gifts to friends, showcasing the ease of use and process.
3. **User Dashboard**: A simplified dashboard displaying user activity, gift history, and available balance to enhance user engagement and tracking.
4. **FAQs Section**: A dedicated area answering common questions about Robux gifting, addressing user concerns and enhancing trust.
5. **Call to Action (CTA)**: Prominent buttons throughout the site encouraging users to start gifting or learn more about the service.

## 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 structure includes a top navigation bar, a hero section, followed by feature highlights, user testimonials, an FAQs section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (or another state management library if needed)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create the Layout**: Develop the main layout structure with a navigation bar, hero section, and footer using Tailwind CSS for styling.
3. **Develop Core Features**:
   - Implement the hero section with a compelling headline and CTA buttons.
   - Build the gifting simulator functionality, ensuring an intuitive user experience.
   - Create the user dashboard to display user activity, using state management to track user interactions.
   - Add the FAQs section with expandable answers for better user engagement.
4. **Styling**: Apply the minimalist design principles using Tailwind CSS, ensuring that the primary color and typography specifications are followed.
5. **Responsive Design**: Ensure that the entire application is fully responsive, providing a seamless experience across devices.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity. Users will land on the hero section, immediately drawn in by clear messaging and an engaging design. The gifting simulator will allow for easy interaction, while the user dashboard provides essential information at a glance. The FAQs section addresses any lingering doubts, enhancing the overall trust in the platform. Intuitive CTAs will guide users through the gifting process, ensuring they have a smooth and enjoyable experience.