Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a keyless Robux sender service. The main purpose of the landing page is to inform potential users about the service's benefits, features, and how to get started, all while driving conversions through a clear call to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that clearly states the service's value proposition, accompanied by a compelling call to action button.
2. **Features Overview**: A section that highlights the main benefits of using the keyless Robux sender, presented in a clean and engaging format.
3. **Testimonials**: User testimonials to build trust and social proof, showcasing real experiences and successes with the service.
4. **FAQs**: A section addressing common questions to help users understand the service better and alleviate any concerns.
5. **Contact Form**: A simple contact form for inquiries or support, enabling potential users to reach out easily.
6. **Call to Action**: Repeated calls to action throughout the page, encouraging users to sign up or learn more.

## 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 distinct sections for the hero, features, testimonials, FAQs, and contact, ensuring a smooth scroll experience and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page as it won't require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Landing Page Structure**: Set up the main components for the hero, features, testimonials, FAQs, and contact form.
3. **Implement the Hero Section**: Design the hero section with a catchy headline, a brief description, and a prominent call to action button styled with the primary color.
4. **Develop the Features Section**: Create a visually appealing section that lists the key features using cards or icons.
5. **Add Testimonials**: Integrate a carousel or grid layout to display user testimonials effectively.
6. **Create the FAQs Section**: Use an accordion style for questions and answers to maintain a clean look.
7. **Build the Contact Form**: Implement a responsive contact form with input fields styled according to the design specifications.
8. **Optimize for Mobile**: Ensure the layout is responsive and looks great on both desktop and mobile devices.
9. **Test the Landing Page**: Conduct thorough testing to ensure all elements function as expected and that the design is consistent.

## USER EXPERIENCE
Users will arrive at the landing page and immediately see the hero section with a clear value proposition and call to action. As they scroll down, they will encounter well-structured sections that highlight the features, build trust through testimonials, and provide answers to common questions. The contact form will be easily accessible, allowing users to reach out without hassle. The minimalist design will ensure a smooth and engaging user experience, encouraging conversions and inquiries.