Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a "Fake Robux Gifting" service for Roblox. The primary purpose is to attract users interested in acquiring Robux through a simple, engaging interface that highlights the service's features and encourages sign-ups or interactions.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear headline about the service, a brief description, and a prominent call-to-action (CTA) button to engage visitors immediately.
2. **Features Showcase**: A section detailing the primary benefits of the service, such as ease of use, quick gifting process, and security features.
3. **Testimonials**: User reviews and feedback to build trust and credibility around the service.
4. **FAQs**: A section addressing common questions and concerns about the service to alleviate potential user doubts.
5. **Contact Form**: A simple form allowing users to reach out for more information or support, encouraging engagement.
6. **Footer**: Links to social media, privacy policy, and terms of service to provide comprehensive information and enhance user trust.

## 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 consists of a structured flow starting with a hero section at the top, followed by features, testimonials, FAQs, and ending with the contact form in the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page; however, simple hooks can be used for managing form states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop components for the hero section, features, testimonials, FAQs, contact form, and footer.
3. **Implement Routing**: If necessary, set up routing to manage navigation between sections smoothly.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design, ensuring responsiveness across devices.
5. **Add Inter Font**: Import the Inter font from Google Fonts into the project and apply it to all headings and body text.
6. **Integrate CTA Button**: Implement the primary CTA button in the hero section, linking it to the contact form or sign-up page.
7. **Test Responsiveness**: Ensure all components are responsive and function correctly on different screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing homepage that immediately communicates the service's value. The hero section will have a clear and engaging message with a CTA that invites interaction. As users scroll down, they will encounter well-structured sections that present features and testimonials, helping them make informed decisions. The FAQs will address common concerns, enhancing trust, while the contact form will facilitate easy communication, ensuring a smooth and engaging user journey throughout the landing page.