Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to simulate a Roblox-themed website that offers users the ability to receive "robux" in a playful and engaging manner. The focus is on a clean, minimalist design that emphasizes user interaction and conversion through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures attention, featuring a brief tagline and an enticing call to action to get started.
2. **How It Works**: A section explaining the simple process of receiving robux, using icons and short descriptions to enhance understanding.
3. **Testimonials**: User feedback to build trust and credibility, showcasing success stories from users who have benefited from the service.
4. **Call to Action**: A prominent button encouraging users to sign up or start the process, strategically placed throughout the page to maximize conversions.
5. **Contact Information**: A section with easy access to customer support details or a contact form 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**: A single-page layout with sections stacked vertically, ensuring easy navigation and a smooth user experience. Each section should have ample spacing to maintain clarity and focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page, although context API can be considered for managing any shared state.

## 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, and contact form.
3. **Design Layout**: Structure the landing page using a single-column layout with Tailwind CSS classes for spacing and alignment.
4. **Style Components**: Apply the specified design principles using Tailwind CSS, ensuring consistency in typography and colors.
5. **Implement Call to Action**: Make the call to action buttons prominent and easy to find, linking them to the desired user actions.
6. **Test Responsiveness**: Ensure the design is fully responsive across all devices, adjusting layouts and font sizes as necessary.

## USER EXPERIENCE
Users will land on the page and immediately be drawn to the hero section, which will clearly explain the service and invite them to engage. As they scroll down, they will encounter sections that break down the process, hear from other users, and ultimately be encouraged to take action through strategically placed calls to action. The minimalist design will facilitate a smooth experience, allowing users to focus on the content without distractions.