Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to present a fake Robux sending service. Its main purpose is to attract users with a clean and simple interface, highlighting the features of the service while encouraging visitors to engage via a clear call-to-action. The minimalist design ensures that the focus remains on the core message and user engagement.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong headline and subheadline to grab attention.
2. **How It Works**: A brief explanation of how the service operates, presented in an easy-to-understand format.
3. **Features**: A section detailing the key benefits of using the service, such as ease of use, speed, and security.
4. **Testimonials**: User reviews or success stories that build trust and credibility.
5. **Call to Action (CTA)**: Clear buttons encouraging users to get started or learn more, prominently displayed throughout the page.
6. **Contact Information**: A simple contact form for users to reach out with questions or feedback.

## 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 main layout structure consists of a full-width hero section at the top, followed by sections for how it works, features, testimonials, and a CTA, ending with a contact form. Each section should be well-spaced with clear visual hierarchy to guide the user through the page.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build reusable components for the Hero Section, How It Works, Features, Testimonials, and Contact Form.
3. **Design Layout**: Implement the layout structure using Tailwind CSS classes for spacing and responsiveness.
4. **Integrate Typography**: Import Inter from Google Fonts and apply it to the relevant components.
5. **Style the Page**: Use the primary color #1978E5 for buttons and links, ensuring they stand out against the light background.
6. **Add Functionality**: Implement any necessary interactions, such as form submission for the contact section.
7. **Test Responsiveness**: Ensure the design is responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page that clearly communicates the service's purpose and benefits. They will be guided through the information with a logical flow, from understanding how the service works to reading testimonials and ultimately engaging through the CTA. The minimalist design ensures that distractions are minimized, allowing users to focus on the content and take action.