Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a "Fake Send Robux" service. The main purpose is to attract users interested in receiving Robux and provide them with clear information about the service, its features, and how to engage with it. The focus will be on conversion through a clean and minimalistic design.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a catchy tagline and a clear call-to-action button encouraging users to start the process of obtaining Robux.
2. **Features Overview**: A section highlighting the main benefits of using the service, such as simplicity, security, and speed.
3. **Testimonials**: User reviews and ratings to build trust and credibility for the service.
4. **FAQ Section**: Answers to common questions users may have about the service, addressing concerns and providing clarity.
5. **Contact Form**: A simple form for users to reach out for more information or support.

## 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-page format with a vertical scroll structure, comprising distinct sections for the hero, features, testimonials, FAQs, and contact form, ensuring a simple and intuitive user journey.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and configure it for use in the project.
3. **Create Layout Components**: Build reusable components for the header, footer, and sections (hero, features, testimonials, FAQ, contact).
4. **Style Components**: Apply Tailwind CSS classes to style components according to the design specifications, ensuring proper use of the primary color and typography.
5. **Implement Hero Section**: Create the hero section with a compelling tagline and a prominent CTA button.
6. **Develop Features Section**: Create cards for each feature with concise descriptions, using the specified typography and border radius.
7. **Add Testimonials**: Implement a carousel or grid layout for testimonials to maintain engagement.
8. **Create FAQ Section**: Format the FAQs using collapsible or expandable panels for a clean look.
9. **Build Contact Form**: Set up a simple form with fields for user inquiries, styled according to the design specifications.
10. **Test Responsiveness**: Ensure the design is responsive across devices and browsers.

## USER EXPERIENCE
Users will first encounter the captivating hero section that introduces the service and invites them to take action. As they scroll down, they will see clear and concise information about features, followed by testimonials that provide social proof. The FAQ section will address any lingering questions, leading to the contact form for users who need further assistance. The minimalist design will ensure a straightforward and enjoyable experience, encouraging conversions through simplicity and clarity.