Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote and facilitate the gifting of Robux, the virtual currency for Roblox. The main purpose of this website is to create an engaging, user-friendly platform where users can easily understand the gifting process and initiate transactions.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top of the page that captures attention with a clear call-to-action (CTA) for gifting Robux.
2. **How It Works**: A simple, visual explanation of the gifting process, ensuring users understand the steps involved.
3. **Benefits Section**: Highlight the advantages of using the service for gifting Robux, such as ease of use and instant delivery.
4. **Testimonials**: Showcase customer reviews to build trust and credibility.
5. **FAQ Section**: Address common questions and concerns regarding the Robux gifting process.
6. **Contact Form**: Allow users to reach out for support or inquiries directly from the landing page.

## 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 main layout will follow a single-column structure with distinct sections for the hero, features, testimonials, FAQs, and contact form, ensuring a smooth scroll experience.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript.
- Styling: Tailwind CSS.
- UI Components: shadcn/ui.
- State Management: Not needed for this simple landing page.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop the main layout structure with a header, main content area, and footer.
4. **Build Hero Section**: Design the hero section with a background image, headline, and CTA button styled with the primary color.
5. **Develop Features Section**: Create individual feature cards that describe the gifting process and its benefits, utilizing the specified typography and border radius.
6. **Add Testimonials**: Implement a slider or grid layout for displaying customer testimonials.
7. **Create FAQ Section**: List common questions and answers in a collapsible format for easy navigation.
8. **Implement Contact Form**: Build a simple contact form with fields for name, email, and message, styled according to the design specifications.
9. **Ensure Responsiveness**: Test the design on various devices and screen sizes to ensure a seamless user experience.
10. **Deploy the Landing Page**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately communicates the purpose of the site. The hero section will have a clear CTA, prompting them to start the gifting process. As they scroll, they will encounter straightforward explanations of how the service works, benefits, and testimonials, building trust. The FAQ section will address potential concerns, and the contact form will provide a direct line for support, ensuring users feel supported throughout their journey. Overall, the design will promote a smooth experience, encouraging users to engage and complete their gifting process.