Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service related to sending fake Robux in Roblox. The primary purpose is to engage users, explain the service, and drive conversions through clear calls to action. The site will focus on a straightforward user experience with a clean, minimalist aesthetic that emphasizes essential information and actions.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section with a catchy slogan and a clear call-to-action button that encourages users to start using the service.
2. **How It Works**: A simple infographic or step-by-step explanation of how the service functions, detailing the process of sending fake Robux.
3. **Benefits**: Highlight the advantages of using the service, such as ease of use and quick results, to persuade potential users.
4. **Testimonials**: A section showcasing user reviews or quotes that build trust and credibility for the service.
5. **FAQs**: A concise list of frequently asked questions to address potential user concerns and provide clarity on service usage.
6. **Contact Form**: A simple contact form for users to ask questions or get support, ensuring communication is open and accessible.

## 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 will be a single-column format with clear section breaks, featuring a full-width hero image at the top, followed by content sections that stack vertically. Each section will have ample padding for improved readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page; simple props and state management will suffice.

## 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 components.
3. **Create the Layout**: Implement the main layout structure using Tailwind CSS classes to ensure responsiveness.
4. **Build the Hero Section**: Develop the hero section with a catchy headline, subheadline, and call-to-action button styled with the primary color.
5. **Add Content Sections**: Implement the How It Works, Benefits, Testimonials, FAQs, and Contact Form sections, ensuring each is visually distinct but cohesive.
6. **Style Components**: Apply Tailwind CSS classes for styling according to the design specifications, focusing on typography and spacing.
7. **Test Responsiveness**: Ensure the landing page is fully responsive across different devices and screen sizes.
8. **Deploy**: Host the landing page on a web hosting platform such as Vercel or Netlify for public access.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately communicates the service's purpose. They will easily navigate through sections that explain how the service works and its benefits, reinforced by social proof from testimonials. The call-to-action buttons will be prominently displayed, encouraging users to engage with the service. The contact form at the bottom will facilitate easy communication for any inquiries, ensuring a seamless user experience throughout the landing page.