Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to simulate a fake Robux sending prompt, aimed at engaging users with a clean, minimalist aesthetic. The primary purpose is to create a visually appealing and straightforward interface that encourages user interaction while providing a sense of fun and playfulness.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that clearly communicates the purpose of the page with an eye-catching tagline and a call-to-action button to engage users right away.
2. **How It Works**: A simple explanation of the fake sending process, presented in an easy-to-read format to clarify the experience for users.
3. **Testimonials**: A section showcasing fictional user testimonials to build trust and add an element of social proof, enhancing the page's appeal.
4. **Call to Action**: A prominent button that encourages users to "Send Robux" or "Get Started," strategically placed to maximize conversions.
5. **Contact Section**: A minimalist form for users to submit inquiries or feedback, ensuring a way for interaction beyond just the fake sending feature.

## 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 top navigation bar, followed by the hero section, a how it works section, testimonial sliders, the call to action, and a contact form, all designed to guide the user seamlessly through the experience.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui libraries.
3. **Create Layout Components**: Build components for the navigation bar, hero section, how it works, testimonials, call to action, and contact form.
4. **Implement Styling**: Apply Tailwind CSS classes to each component, ensuring adherence to the design specifications (color, typography, border radius).
5. **Add Content**: Populate each section with relevant text, images, and appropriate calls to action.
6. **Test Responsiveness**: Ensure the design is responsive and looks great on various devices and screen sizes.
7. **Deploy the Landing Page**: Use a service like Vercel or Netlify to host the landing page for public access.

## USER EXPERIENCE
Users are greeted with a visually engaging hero section that clearly states the page's purpose. As they scroll down, they encounter a straightforward explanation of how the fake sending works, followed by light-hearted testimonials that add a touch of humor. The call to action encourages users to interact, and the contact form provides a means for feedback, ensuring that users feel involved and can easily reach out for inquiries.

This prompt aims to create a fully functional minimalist light application that matches the user's vision while adhering to best practices for design and user experience.