Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service for sending fake Robux. The main purpose is to attract users with a clean and simple interface that highlights the service's features and encourages conversions through a clear call to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures attention, featuring a catchy tagline and a prominent call-to-action button.
2. **Features Section**: A concise overview of the key benefits of using the service, presented in a visually engaging format with icons.
3. **Testimonials**: A section showcasing user feedback to build trust and credibility.
4. **Call to Action (CTA)**: A compelling section with a strong invitation to start using the service, encouraging users to take immediate action.
5. **Contact Form**: A simple form allowing visitors to get in touch for inquiries 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 consists of a full-width hero section at the top, followed by a features section laid out in a grid format, a testimonials section with user quotes, a prominent CTA section, and a 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 the React environment**: Initialize a new React project with TypeScript support using Create React App.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to set up the styling framework.
3. **Create Components**: Develop functional components for the Hero, Features, Testimonials, CTA, and Contact sections.
4. **Implement Routing**: If necessary, set up React Router for any navigation needs (though this is a landing page, routing is minimal).
5. **Style Components**: Apply Tailwind CSS classes to achieve the desired minimalist design, ensuring responsive behavior.
6. **Test and Optimize**: Ensure that the landing page is optimized for performance and responsive across devices.

## USER EXPERIENCE
Users will land on a visually striking hero section, immediately drawn in by the tagline and call-to-action button. They can easily navigate to learn about the features of the service, read testimonials, and ultimately fill out the contact form for inquiries. The minimalist design ensures that users are not overwhelmed and can focus on the essential elements guiding them towards conversion.