Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fictitious service offering "10K Robux" in a playful and engaging manner. The main purpose is to attract users' attention and encourage them to explore more about the service, possibly leading to sign-ups or inquiries.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that highlights the main offer of "10K Robux" with a strong call-to-action (CTA) button encouraging users to learn more or sign up.
2. **Features Overview**: A section detailing the benefits of using the service, such as "Instant Delivery," "Easy Access," and "Safe Transactions," presented in a clear and concise manner.
3. **Testimonials**: A section showcasing user reviews and experiences to build trust and credibility around the service.
4. **FAQ Section**: A brief FAQ area addressing common questions users might have about the service and its legitimacy.
5. **Contact Form**: A simple contact form allowing users to reach out for more information or support.

## 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 with a full-width hero section, followed by stacked sections for features, testimonials, FAQs, and the contact form. Each section should be clearly defined with ample spacing to enhance readability.

## 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 dynamic content is needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Components**: Build reusable components for the hero section, features, testimonials, FAQ, and contact form.
4. **Implement Layout**: Structure the landing page layout using Tailwind CSS classes for responsive design.
5. **Add Content**: Populate each section with engaging content, including text, images, and links styled according to the design specifications.
6. **Testing**: Ensure that the landing page is responsive across devices and browsers, fixing any layout or usability issues.
7. **Deployment**: Choose a hosting platform (like Vercel or Netlify) to deploy the landing page for public access.

## USER EXPERIENCE
Users will land on a clean and inviting homepage that immediately communicates the offer of "10K Robux." The CTA in the hero section will draw attention, while easy navigation through features and testimonials will foster engagement. The FAQ section will help alleviate concerns about the service, and the contact form provides a straightforward way for users to reach out for more information. The overall minimalist design will ensure that users can focus on the content without distractions, enhancing their experience.