Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a landing page that promotes and allows users to send fake ROBUX. The page will focus on a clean and minimalist design, presenting information clearly and encouraging user engagement through a straightforward call to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that grabs attention with a headline, brief description, and a prominent call-to-action button.
2. **How It Works**: A section explaining the process of sending fake ROBUX, broken down into simple steps with icons or illustrations.
3. **Benefits**: Highlight key advantages of using the service, such as ease of use, fun factor, and community engagement.
4. **Testimonials**: User reviews and feedback to build trust and credibility.
5. **Call to Action**: Clear prompts encouraging users to get started or learn more, strategically placed throughout the page.
6. **Contact Information**: A simple form or contact details for users to reach out for support or inquiries.

## 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 that flows vertically with sections clearly defined by spacing and background variations.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop the main components for each section of the landing page—Hero, How It Works, Benefits, Testimonials, CTA, and Contact.
3. **Styling**: Apply Tailwind CSS classes to style the components according to the design specifications, ensuring the use of the primary color and typography.
4. **Add Content**: Populate each section with relevant content, including text, icons, and images.
5. **Implement Responsiveness**: Ensure the layout is responsive across different devices by utilizing Tailwind's responsive utilities.
6. **Testing**: Conduct testing across various browsers and devices to ensure functionality and aesthetics are maintained.

## USER EXPERIENCE
Users will land on a visually appealing page that clearly communicates the purpose of sending fake ROBUX. They will easily navigate through the sections, gaining an understanding of the service and its benefits. The call-to-action buttons will be strategically placed for maximum visibility, guiding users toward engaging with the service or reaching out for more information.