Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Roblox Robux Sender Website

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fictional service that claims to send Robux to users. The primary purpose is to attract attention and engage visitors with a clean, minimalist design that emphasizes user experience and conversion.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that grabs visitors' attention with a bold headline, a brief description of the service, and a strong call-to-action (CTA) button.
2. **How It Works**: A simple explanation of the service process, detailing how users can supposedly receive Robux. This section will use icons and minimal text for clarity.
3. **Testimonials**: A section displaying fictional testimonials from satisfied users to build trust and credibility.
4. **Benefits**: Highlight the key benefits of using the service, presented in an easy-to-read format with icons.
5. **Contact Form**: A simple form for users to provide their email or other contact information to purportedly receive more information or updates.

## 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 includes a full-width hero section at the top, followed by a two-column layout for the "How It Works" and "Benefits" sections, with testimonials below, and a contact form at the bottom.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Develop a `Hero` component with a headline, description, and CTA button.
   - Create a `HowItWorks` component outlining the service process using icons.
   - Design a `Testimonials` component with fictional user quotes.
   - Implement a `Benefits` component to highlight key features of the service.
   - Build a `ContactForm` component to gather user information.
3. **Style Components**: Use Tailwind CSS to apply the minimalist design, ensuring proper spacing, text styles, and button aesthetics following the specified design guidelines.
4. **Integrate Components**: Assemble all components within the main application structure to form the landing page.
5. **Test Responsiveness**: Ensure the design is mobile-friendly and looks good on various screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page that clearly communicates the service's purpose. The CTA will encourage them to engage further, whether by learning how the service works or submitting their contact information. The flow should be intuitive, with each section guiding the user towards taking action, ultimately aiming for conversions through interest in the service.