Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the user experience of sending fake Robux, a popular in-game currency for Roblox. The main purpose is to provide a playful and engaging interface where users can interact with the concept of sending virtual currency in a fun and harmless manner. 

## CORE FEATURES
1. **User Interface**: A clean, minimalist interface that allows users to select the amount of Robux they wish to "send."
2. **Fake Transaction Confirmation**: A playful confirmation screen that mimics the transaction process, providing a humorous experience.
3. **Share Functionality**: Options to share the experience on social media platforms or with friends via links.
4. **Customizable Messages**: Users can personalize messages to accompany their fake Robux send-off, enhancing engagement.
5. **User Feedback**: Interactive elements that allow users to provide feedback on their experience, contributing to ongoing improvements.

## 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 centered hero section with a prominent call-to-action button, followed by a simple feature section, and a footer with social sharing options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for reusable components.
- **State Management**: React's built-in state management or use Context API for managing user inputs.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Core Components**: Develop the main components including a Hero section, Feature section, and Footer.
3. **Implement State Management**: Set up state management for user input, ensuring the UI reflects changes dynamically.
4. **Design Styles**: Apply the specified design specifications using Tailwind CSS, ensuring responsiveness across devices.
5. **Add Functionality**: Implement the fake transaction flow, including user input handling and confirmation screens.
6. **Testing & Feedback**: Conduct user testing sessions to gather feedback and refine user interactions.

## USER EXPERIENCE
Users will start on the homepage where they can easily select an amount of Robux to send. After clicking the "Send Fake Robux" button, they'll be taken to a confirmation screen, which humorously mimics a real transaction. Users can share their experience on social media or customize their messages before sending. The interface will be intuitive, with clear prompts and minimal distractions, ensuring a smooth and enjoyable user journey.