Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to humorously present a fake Robux gifting service. The main purpose is to engage visitors with a playful approach, clearly indicating that the offering is a joke and not to be taken seriously. The page will attract users with its minimalist design while effectively communicating the playful nature of the content.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page featuring a catchy tagline about fake Robux, accompanied by a humorous graphic and a clear disclaimer that it's a joke.
2. **Features Section**: A brief overview of the "advantages" of using the fake Robux, presented in a light-hearted manner.
3. **Disclaimer Banner**: A bright, noticeable banner that reiterates that the Robux offered is fake and purely for entertainment, ensuring transparency.
4. **Call to Action (CTA)**: A button encouraging users to "Get Your Fake Robux!" leading to an amusing interactive element.
5. **Contact Form**: A simple form allowing users to send feedback or inquiries, maintaining the light, playful tone of the page.
6. **Social Media Links**: Icons directing users to share the page on social media platforms, inviting others to join in on the fun.

## 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 layout consists of a full-width hero section at the top, followed by features displayed in a grid format, a large disclaimer banner centered beneath, and a footer with the contact form and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page, but can use React's built-in state management for interactive elements.

## IMPLEMENTATION STEPS
1. Set up a new React project with TypeScript and install Tailwind CSS.
2. Create the main components: HeroSection, FeaturesSection, DisclaimerBanner, CTAButton, ContactForm, and Footer.
3. Implement the HeroSection with a catchy title and humorous graphic, ensuring the disclaimer is clearly visible.
4. Design the FeaturesSection using a grid layout to showcase the playful "advantages" of fake Robux.
5. Add the DisclaimerBanner below the features, using the primary color for emphasis.
6. Build the CTAButton that links to an interactive element or fun message.
7. Create the ContactForm component for user interactions, ensuring it fits the minimalist aesthetic.
8. Style all components using Tailwind CSS, applying the specified typography and border radius settings for a cohesive look.
9. Test the landing page for responsiveness across different devices and browsers.

## USER EXPERIENCE
Users will land on a visually appealing page with a clear message about the fake Robux. The hero section captures their attention immediately, followed by amusing features that keep them engaged. The disclaimer banner reassures them of the page's intent, while the CTA invites them to participate interactively. The contact form provides an avenue for feedback, reinforcing the playful nature of the site. Overall, users will enjoy a seamless experience characterized by simplicity and humor.