Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that simulates the experience of gifting virtual currency (robux), allowing users to input any amount they desire. However, the robux are not real, and any transactions made will not deliver actual currency to recipients. The purpose is to create a fun and engaging interface that plays on the concept of gifting in a game-like environment.

## CORE FEATURES
1. **Amount Input**: A simple input field where users can specify the amount of robux they want to "gift".
2. **Send Button**: A prominent button that users click to send the specified amount of robux.
3. **Feedback Notification**: A notification that informs users whether the "gift" has been sent successfully or not, reinforcing the playful nature of the application.
4. **User Instructions**: Clear instructions on how to use the app, emphasizing that the robux are not real.
5. **Minimalist Design**: A clean and simple interface that focuses on user experience, with ample white space and intuitive navigation.

## 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 consist of a centered hero section at the top with the amount input, send button, and feedback notifications displayed below. Instructions will be placed at the bottom of the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management (useState and useEffect)

## IMPLEMENTATION STEPS
1. **Set up the React application** using Create React App with TypeScript.
2. **Install Tailwind CSS** to manage styles and ensure a minimalist design.
3. **Create UI Components**: 
   - Develop a `Header` component for the application title.
   - Create an `InputField` component for entering the robux amount.
   - Implement a `SendButton` component styled with the primary color and border radius.
   - Design a `Notification` component to show feedback to users.
4. **Implement the main application logic** to handle input, simulate sending robux, and display notifications.
5. **Design the layout** using Tailwind CSS classes to ensure a responsive and clean interface.
6. **Test the application** for usability and ensure all features work as intended.

## USER EXPERIENCE
Users will land on a clean interface where they can easily see the input field for the robux amount. After entering the amount and clicking the send button, they will receive a friendly notification confirming that the gift has been sent. The minimalist design ensures that users focus on the interaction without distractions, making for an enjoyable experience.