Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to create a fake Robux sending site, focusing on attracting users with a clean, minimalist design. The primary goal is to inform visitors about the service and encourage them to engage with the call-to-action (CTA) for more information or to use the service.

## CORE FEATURES
1. **Hero Section**: A prominent introductory section with a compelling headline, subheadline, and a strong CTA button to encourage users to start using the service.
2. **Features Overview**: A section that highlights the key benefits of the service, explaining how it works and why users should choose this platform.
3. **Testimonials**: A section showcasing user testimonials to build trust and credibility around the service.
4. **FAQ Section**: Answers to common questions regarding the service to assist users and alleviate concerns.
5. **Contact Form**: A simple form for users to reach out with inquiries or support requests.

## 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-page layout with a vertical scroll structure, featuring a hero section at the top, followed by features, testimonials, an FAQ, and a contact form, all arranged in a straightforward, user-friendly manner.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Structure**: Develop the main components for the hero section, features, testimonials, FAQ, and contact form.
3. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design specifications, ensuring to incorporate the primary color and typography.
4. **Add Functionality**: For the contact form, implement basic validation and set up a method to handle form submissions.
5. **Optimize for Responsiveness**: Ensure the layout is responsive and looks great on all devices by testing with various screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page with a clear message about the service. They will be guided through the features of the service via engaging sections, supported by testimonials to establish credibility. The FAQ section will help address any concerns, while the contact form provides a direct line for inquiries, ensuring a seamless and informative experience. The overall flow will encourage users to explore the site and take action through the prominent CTAs.