Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
fakerobuxgift.lovable.pp is a landing page designed to promote a service that offers users the opportunity to obtain Robux gift cards in a simple and engaging manner. The primary goal is to convert visitors into users through compelling features and a clear call to action.

## CORE FEATURES
1. **Hero Section**: A prominent introduction to the service with a catchy headline, a brief description, and a prominent call-to-action button encouraging users to get started.
   
2. **Features Overview**: A section detailing the main benefits of using the service, highlighting ease of use, secure transactions, and exclusive offers.

3. **Testimonials**: A carousel or grid of user testimonials to build trust and show real-life satisfaction from previous users.

4. **FAQ Section**: Answers to common questions to help alleviate potential concerns and guide users in understanding the process better.

5. **Contact Form**: A simple form for users to reach out for support or inquiries, ensuring accessibility and user engagement.

6. **Call to Action**: A final CTA encouraging users to sign up or learn more about the service, reinforcing the conversion goal.

## 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 feature a top navigation bar, followed by the hero section, features overview, testimonials, FAQ, and contact form, culminating in a final call to action at the bottom.

## 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.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, features overview, testimonials, FAQ, and contact form.
4. **Implement Layout**: Structure the main layout to ensure a clean flow from the hero section to the final CTA.
5. **Style Components**: Use Tailwind CSS to apply the specified design specifications, ensuring a minimalist aesthetic with the primary color and typography.
6. **Test Responsiveness**: Ensure the landing page is mobile-friendly and responsive across different devices.

## USER EXPERIENCE
Key user interactions include a smooth scroll experience through the sections, an intuitive form for inquiries, and engaging testimonials that create a sense of community and trust. The clear call-to-action buttons throughout the page will guide users toward conversion, ensuring an easy and enjoyable experience.