Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service that claims to provide "fake Roblox plus Robux". The main purpose is to attract visitors with a clean and simple interface while conveying a clear message about the service. The goal is to convert visitors into users through compelling calls to action and informative content.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a headline and a brief description of the service, along with a prominent call-to-action button to get started.
2. **Features Overview**: A section that highlights the benefits and unique selling points of the service, presented in an easy-to-read format.
3. **Testimonials**: A section showcasing user testimonials or reviews to build trust and credibility.
4. **Call to Action (CTA)**: Multiple strategically placed CTA buttons throughout the page encouraging users to sign up or get more information.
5. **Contact Information**: A simple contact form or information section allowing users to reach out for inquiries.

## 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 should be a single-column design with a top-to-bottom flow, featuring a hero section at the top, followed by features, testimonials, and a final CTA at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first styling.
- **UI Components**: shadcn/ui for consistent UI components.
- **State Management**: Not specifically required for a landing page but can use React Context if needed for managing form states.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Basic Layout**: Structure the main components: Hero, Features, Testimonials, and Contact sections.
3. **Implement Hero Section**: Add a background image or color, headline, description, and primary CTA button.
4. **Build Features Section**: Create a grid or list to showcase the features of the service clearly using Tailwind utilities.
5. **Add Testimonials**: Design a simple carousel or static section to display user testimonials.
6. **Add Contact Section**: Create a form with fields for user inquiries, styled with the specified border radius and typography.
7. **Responsive Design**: Ensure the layout is responsive, adapting to various screen sizes using Tailwind's responsive utilities.
8. **Test and Deploy**: Conduct thorough testing for performance and user experience, then deploy the landing page.

## USER EXPERIENCE
The user experience should be straightforward and engaging. Visitors will land on the page and immediately understand the service offered. They can easily navigate through the hero section to learn about the features, read testimonials for validation, and ultimately be guided towards the CTA to either sign up or contact for more information. The minimalist design ensures that users are not overwhelmed and can focus on the content presented.