Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic a realistic Roblox site for sending fake Robux, intended as a lighthearted prank for users to share with their friends. The focus is on creating a simple, engaging, and visually appealing site that emphasizes user experience and playful interaction.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that highlights the fun and playful nature of the site, featuring eye-catching visuals and a brief tagline.
2. **Robux Generator**: An interactive feature that allows users to input a number of fake Robux they wish to send, showcasing a fun animation or graphic to enhance the experience.
3. **How It Works**: A simple explanation section detailing how the prank works, ensuring users understand it's for fun and not a real transaction.
4. **Testimonials**: A section displaying humorous feedback or reactions from users who have played the prank, adding social proof and entertainment value.
5. **Call to Action**: A prominent button encouraging users to "Start Trolling" which leads them to the Robux generator.
6. **Contact Section**: A simple form for users to provide feedback or share their own experiences with the site.

## 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 vertical scroll with distinct sections for the hero, features, testimonials, and contact. Each section will have ample spacing and clear visual hierarchy to guide the user seamlessly through the page.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as the features are primarily static.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and components.
3. **Create Layout Structure**: Develop the main components (Hero, Features, Testimonials, CTA, Contact) following the designed layout.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring to incorporate the specified primary color and typography.
5. **Add Interactivity**: For the Robux generator, create a simple input field and button that shows a playful animation or message upon clicking.
6. **Test Responsiveness**: Ensure the landing page is fully responsive and visually appealing on all devices.
7. **Deploy**: Use a platform like Vercel or Netlify for easy deployment and sharing of the landing page.

## USER EXPERIENCE
Users will land on a visually engaging page with a clear hero section that draws them in. They will easily navigate through the simple layout, understanding the purpose and features without confusion. The interactive Robux generator will provide a memorable experience, and the testimonials will enhance the fun factor. The call to action will be prominent, encouraging users to engage right away, and the contact section will allow for feedback, maintaining user interaction even after the initial visit.