Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page that presents a fictional narrative where the user can showcase a playful and exaggerated portrayal of "sending Robux" while conveying a sense of extensive wealth in a lighthearted manner. The purpose is to engage visitors with a minimalist design while providing clear calls to action and encouraging social sharing.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring a bold statement about the user's "wealth" and a striking visual to draw in visitors.
2. **Features Showcase**: Highlight the benefits of following the user for "more Robux" with engaging graphics and playful text.
3. **Testimonials**: A section with fake testimonials from "users" who have allegedly benefited from the user's generosity, enhancing the narrative.
4. **Call to Action (CTA)**: A prominent button encouraging visitors to "Join Now" or "Follow Me for More", leading to social media links.
5. **Social Sharing Links**: Easy access buttons for sharing the page across various social media platforms to maximize reach and engagement.
6. **Contact Form**: A simple form allowing visitors to leave their "requests" for Robux or feedback, contributing to the playful engagement.

## 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, ensuring clear separation and easy navigation. The hero section at the top, followed by features, testimonials, CTA, and contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically needed for this landing page.

## IMPLEMENTATION STEPS
1. **Set up the React application** using Create React App with TypeScript.
2. **Install Tailwind CSS** and configure it within the project for styling.
3. **Implement the Hero Section** with a large heading, subheading, and a background image or color that aligns with the visual style.
4. **Create the Features Showcase** section, using cards or icons to represent different "benefits" of following the user.
5. **Add the Testimonials** section, styling it with quotes and names to give a sense of authenticity.
6. **Incorporate the CTA** button prominently, ensuring it stands out with the primary color.
7. **Set up the Contact Form** using controlled components in React to capture user input.
8. **Ensure responsiveness** through Tailwind's utility classes, adapting the layout for mobile and tablet views.
9. **Test the design** across different devices and browsers to ensure consistency and functionality.

## USER EXPERIENCE
Visitors will be greeted by an attractive hero section that draws them into the narrative. They can easily navigate through the features and testimonials, which are designed to evoke curiosity and engagement. The CTA will guide them toward following the user on social media, further enhancing the playful aspect of the landing page. The overall experience should be seamless, with intuitive interactions and a focus on clarity and simplicity.