Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Robux Sending Website

## APPLICATION OVERVIEW
This project is a web application designed to mimic a fake robux sending service where users can input the amount of fake robux they wish to send. The app will feature a clean interface allowing users to easily navigate and set their desired robux amount, while also providing an engaging user experience.

## CORE FEATURES
1. **Robux Amount Input**: A user-friendly input field where users can specify the amount of fake robux they wish to send.
2. **Fake Send Button**: A prominent button that initiates the fake sending process, providing feedback to the user.
3. **Transaction History**: A section displaying a history of recent fake transactions made by the user, enhancing engagement.
4. **User Authentication**: Basic user authentication allowing users to create accounts and log in to track their fake robux transactions (optional but enhances user experience).
5. **Responsive Design**: An interface that adjusts seamlessly across various devices, ensuring usability on mobile and desktop.

## 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 be a single-column structure featuring a hero section at the top, followed by the robux amount input, the send button, transaction history, 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 Zustand for lightweight state management.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Develop the main components including:
   - Hero section with a catchy headline.
   - Input component for entering the robux amount.
   - Button component for sending fake robux.
   - Transaction history component to display recent sends.
4. **Implement Routing**: Set up React Router for user navigation (if implementing authentication).
5. **Style Components**: Apply Tailwind CSS classes to components for responsive design and adhere to the specified design specifications.
6. **Test Functionality**: Ensure all features work correctly, especially the fake sending mechanism and transaction history display.
7. **Deploy Application**: Use a hosting service like Vercel or Netlify to deploy the application.

## USER EXPERIENCE
Users will land on a minimalist homepage where they can easily enter the desired amount of fake robux and click the "Send" button. Upon clicking, a confirmation message will appear, and the transaction will be logged in the history section. The layout will ensure that users can navigate effortlessly, with a focus on an intuitive interface that encourages exploration and engagement with the application. The design will maintain a consistent aesthetic with ample white space and clear typography to enhance readability.

This prompt provides a comprehensive guide to building a functional, user-friendly fake robux sending web application.