Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake Robux gift generator, aimed at users interested in acquiring virtual currency for gaming. The primary goal is to effectively communicate the service's value, drive conversions through a clear call-to-action, and provide a seamless user experience.

## CORE FEATURES
1. **Hero Section**: Captivating introductory area that highlights the benefits of using the service with an engaging headline and a prominent call-to-action button.
2. **Features Overview**: A section detailing key features such as ease of use, instant delivery, and user satisfaction, designed to build trust and interest.
3. **Testimonials**: User reviews and success stories to enhance credibility and encourage new visitors to take action.
4. **Call to Action (CTA)**: A clear and compelling call-to-action that prompts users to start using the service or sign up for more information.
5. **Contact Form**: A simple contact form for user inquiries, providing a way for visitors 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**: The layout will be a single-column design with a vertical flow, featuring sections stacked one after the other. The hero section will be at the top, followed by features, testimonials, and the CTA, with the contact form at the bottom.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, features, testimonials, CTA, and contact form.
3. **Implement Layout**: Structure the layout using a single-column design, ensuring responsive behavior across devices.
4. **Style Components**: Apply Tailwind CSS for styling, ensuring to incorporate the specified design specifications, including the primary color and typography.
5. **Optimize for SEO**: Ensure proper SEO practices are followed, including meta tags and alt attributes for images.
6. **Test Responsiveness**: Verify that the landing page is fully responsive and functions well on different screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately draws their attention with a strong hero section. They will scroll through the features and testimonials, gaining confidence in the service, and ultimately be guided towards the CTA. The contact form will provide an easy way for users to reach out for more information, fostering engagement and trust. The overall flow will be smooth and intuitive, ensuring a positive user experience.