Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Robux Sending Site

## APPLICATION OVERVIEW
This project is a **landing page** designed to simulate a fake Robux sending experience, aimed at creating a humorous and entertaining interaction for users. The site will mimic the look and feel of a genuine Robux transaction to playfully troll friends while featuring a minimalist design that emphasizes simplicity and ease of navigation.

## CORE FEATURES
1. **Hero Section**: An engaging introduction at the top of the page with a catchy headline inviting users to "Send Fake Robux" with a humorous tagline.
2. **How It Works**: A simple explanation of how the fake Robux sending process works, using playful language and icons to enhance understanding.
3. **Send Robux Button**: A prominent call-to-action button that users can click to initiate the fake transaction, styled to be visually appealing.
4. **Testimonials**: A section showcasing playful testimonials from "satisfied users" who have trolled their friends successfully, using humorous quotes.
5. **Contact Information**: Basic contact details for users wanting to reach out for questions or support.

## 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**: A single-column layout with sections stacked vertically for easy scrolling—hero, features, testimonials, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page structure; basic props should suffice.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Design and implement the Hero, How It Works, Testimonials, and Contact sections as reusable components.
3. **Style Components**: Use Tailwind CSS to style components according to the specified design guidelines, focusing on a clean, minimalist aesthetic.
4. **Implement Call-to-Action**: Ensure the "Send Robux" button is prominently displayed and linked to a playful action (e.g., a modal or alert simulating the sending of Robux).
5. **Test Responsiveness**: Verify that the layout is responsive on various devices, ensuring a good user experience on both mobile and desktop.
6. **Deploy**: Host the landing page on a suitable platform (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately captures their attention with a humorous headline. They will be guided through the process of sending fake Robux with clear steps, encouraging them to click the "Send Robux" button. Upon interaction, a light-hearted animation or alert will confirm the "transaction," enhancing the playful experience. The testimonials will add a layer of social proof, making the site more engaging and shareable among friends.