Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page that mimics the appearance of the Roblox platform, showcasing a fictional service that claims to send Robux. The goal is to attract users with a clean and minimalist design while ensuring the page looks authentic and engaging.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures attention, featuring a catchy headline and a call-to-action (CTA) button directing users to the main service.
2. **How It Works**: A simple, step-by-step explanation of the service process, illustrating how users can supposedly receive Robux.
3. **Testimonials**: Fake user testimonials to enhance credibility and allure, presented in a visually distinct format.
4. **FAQs**: A section addressing common questions to alleviate potential user concerns, presented in a clear and accessible manner.
5. **Contact Form**: A simple form that allows visitors to inquire further about the service, 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: A single-column layout that flows vertically, featuring a prominent hero section at the top, followed by sections for how it works, testimonials, FAQs, and the contact form.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not required for this landing page, but can be implemented if necessary for form handling.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Structure**: Develop the main layout using a single-column design, ensuring responsive behavior for various device sizes.
4. **Implement Hero Section**: Design the hero section with a catchy headline and CTA button using the specified typography and primary color.
5. **Build "How It Works" Section**: Create a visually engaging step-by-step guide with icons or illustrations.
6. **Add Testimonials**: Build a testimonials carousel or grid, ensuring it fits the minimalist aesthetic.
7. **Develop FAQs Section**: Implement an accordion-style FAQ section for better user experience.
8. **Create Contact Form**: Build a simple contact form with fields for name, email, and message, styled according to the design specifications.
9. **Optimize for SEO**: Ensure all sections are optimized for search engines with appropriate metadata and alt texts for images.
10. **Testing**: Test the landing page across different devices and browsers to ensure consistent performance and responsiveness.

## USER EXPERIENCE
Users will first encounter a visually striking hero section that draws them in. As they scroll down, they will find easy-to-understand explanations of how the service works, complemented by compelling testimonials to build trust. The FAQ section will provide clarity on common concerns, and the contact form will facilitate user engagement, encouraging visitors to reach out for more information. The overall navigation will be seamless, with a focus on clarity and simplicity throughout the user journey.