Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application will serve as a landing page designed to engage users interested in a playful concept of "fake sending robux." The primary purpose is to attract attention, provide information about the concept, and encourage user interaction through a clear call to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures the user's attention with a catchy tagline and a brief description of the service.
2. **Features Overview**: A section that highlights the key benefits of the service, explaining how users can "send robux" in a fun and engaging way.
3. **Testimonials**: User feedback showcasing positive experiences, helping to build trust and credibility.
4. **Call to Action (CTA)**: Prominent buttons directing users to take action, such as signing up or learning more about the service.
5. **Contact Information**: A simple form or contact details 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**: A single-page layout with a vertical scroll, structured sections for the hero, features, testimonials, and contact information.

## 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 Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**:
   - Design the Hero section with a catchy title and description.
   - Develop the Features section to list out the core benefits.
   - Implement the Testimonials section, allowing for user reviews to be dynamically displayed.
   - Add a CTA button that links to a sign-up or information page.
   - Include a Contact form at the bottom of the page.
4. **Apply Styling**: Use Tailwind CSS to style each component according to the design specifications, ensuring a minimalist aesthetic.
5. **Test Responsiveness**: Ensure the layout adjusts appropriately on different screen sizes, maintaining usability and visual appeal.

## USER EXPERIENCE
The key user interaction begins with landing on the page, where they are greeted by an engaging hero section. As users scroll down, they encounter intuitive sections that clearly explain the service's value, supported by testimonials that build trust. The CTA encourages users to take the next step, leading to enhanced engagement and interaction with the service. The overall design focuses on simplicity, making it easy for users to navigate and understand the offering.