Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote a service called "Fake Robux Roblox Plus", aimed at users interested in enhancing their Roblox experience. The page will focus on user engagement through clear messaging, attractive design, and persuasive calls to action, ultimately driving conversions.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a brief description of the service and a prominent call-to-action (CTA) button encouraging users to learn more or sign up.
2. **Features Overview**: A section detailing the unique features of "Fake Robux Roblox Plus", highlighting benefits and functionalities to entice users.
3. **Testimonials**: A showcase of user reviews and testimonials to build trust and credibility for the service.
4. **FAQ Section**: Addressing common queries to alleviate user concerns and provide clarity about the service.
5. **Contact Form**: An easy-to-use form allowing users to reach out for inquiries or support.
6. **Newsletter Signup**: A section to capture emails for updates and promotions, 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 vertical flow starting with the hero section, followed by features, testimonials, FAQ, contact form, and ending with the newsletter signup. Each section will have adequate spacing, ensuring a clean and organized appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for modern UI components.
- **State Management**: Not required for a static landing page.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the structure**: Build the components for each section (Hero, Features, Testimonials, FAQ, Contact Form, Newsletter Signup).
3. **Implement the Hero section**: Design with a striking background, title, subtitle, and a CTA button styled with the primary color.
4. **Detail Features**: Create a card layout for features, ensuring each card has a title, description, and icon.
5. **Add Testimonials**: Design a slider or grid to display user testimonials, ensuring readability and visual appeal.
6. **FAQ Section**: Use collapsible elements for questions and answers to keep the layout neat.
7. **Contact Form**: Implement a simple form with fields for name, email, and message, styled according to the design specifications.
8. **Newsletter Signup**: Create a visually appealing input field for email subscriptions with a submit button.
9. **Final touches**: Ensure responsive design across all sections, test functionality, and polish the UI for a cohesive look.

## USER EXPERIENCE
Users will land on a visually appealing page where they can quickly grasp the value of "Fake Robux Roblox Plus". Navigation will be intuitive, with clear CTAs guiding them to learn more about features or to contact for support. The responsive design ensures that users on mobile devices have a seamless experience, with easy access to all information and forms. Each section will flow logically, maintaining user interest and encouraging interactions throughout the page.