Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "fakerobuxgift.lovable.pp" is a landing page designed to market a digital gifting platform where users can generate and send Robux gift codes. The primary focus of the landing page is to attract users, explain the benefits of the service, and encourage them to take action through prominent calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy tagline, a brief description of the service, and a prominent call-to-action button to generate a gift code.
2. **Features Overview**: A section highlighting the key benefits of using the platform, such as ease of use, instant delivery, and security.
3. **Testimonials**: User reviews and success stories to build trust and encourage new users to engage with the service.
4. **Frequently Asked Questions**: A concise FAQ section addressing common queries and concerns about the service.
5. **Contact Form**: A simple form allowing visitors to reach out for support or inquiries, enhancing user engagement.

## 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 consist of a full-width hero section at the top, followed by a grid layout for features, a testimonial slider, an FAQ section, and a contact form at the bottom. Each section will have ample spacing to maintain a clean look.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Structure**: Design the layout using a combination of Tailwind CSS classes to ensure responsiveness and maintain the minimalist aesthetic.
3. **Implement Hero Section**: Add a stunning hero section with a bold tagline, brief description, and CTA button styled with the primary color.
4. **Add Features Overview**: Create a grid layout for showcasing features with icons and descriptions.
5. **Implement Testimonials**: Set up a slider or grid for testimonials to provide social proof.
6. **Create FAQ Section**: Design an expandable FAQ section to address user concerns effectively.
7. **Build Contact Form**: Create a functional contact form with necessary fields and styling.
8. **Optimize for Responsiveness**: Ensure that all components are mobile-friendly and adapt to various screen sizes.

## USER EXPERIENCE
Users will land on a clean and inviting page with a clear message about the gifting service. The intuitive layout allows for easy navigation through features, testimonials, and FAQs. The prominent call-to-action in the hero section encourages users to engage immediately, while the contact form provides a straightforward way for users to reach out for further information or assistance. Overall, the design prioritizes user engagement and a seamless experience.