Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to mimic a fake Robux sending site. Its main purpose is to attract users with a clean and simple interface, while providing essential information and encouraging engagement through calls to action.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a catchy headline and a brief description of the service, along with a prominent CTA button.
2. **How It Works**: A simple explanation detailing the process of "sending" Robux, broken down into easy-to-understand steps.
3. **Testimonials**: Brief user testimonials showcasing positive experiences to enhance credibility and trust.
4. **Benefits Section**: Highlight the advantages of using the site, such as ease of use and quick access.
5. **Call to Action**: A strong CTA encouraging users to engage or sign up, strategically placed throughout the page.
6. **Contact Information**: A section providing users with ways to reach out for support or 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 will be single-column for mobile-first design, with sections stacked vertically. Each section will have ample padding for readability, and the hero section will feature a full-width background with a centered call-to-action button.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Structure the landing page with sections for the Hero, How It Works, Testimonials, Benefits, Call to Action, and Contact.
3. **Implement the Hero Section**: Design the hero section with a background color, headline, description, and CTA button styled with the primary color and border radius.
4. **Develop the How It Works Section**: Use simple text and icons to illustrate the process of sending Robux.
5. **Add Testimonials**: Create a visually appealing testimonial section, using cards with rounded corners to display user feedback.
6. **Highlight Benefits**: Use bullet points or icons to present the advantages of the service.
7. **Integrate the Call to Action**: Ensure the CTA is prominent and strategically placed at the end of the page.
8. **Include Contact Information**: Add a simple form or contact details at the bottom of the page.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that immediately captures attention. As they scroll down, they will easily navigate through the How It Works and Testimonials sections, fostering trust and clarity. The clear and concise CTAs will guide them towards engagement, whether that is signing up or seeking more information. The overall experience will be seamless and intuitive, ensuring users can quickly find the information they need without distractions.