Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "Fake Robux Send" is a landing page designed to promote a service that allows users to simulate sending Robux, the virtual currency used in Roblox. The purpose of this landing page is to engage users, explain the service's features, and encourage them to take action, such as signing up or exploring more.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear value proposition and a call-to-action button that invites users to start using the service.
2. **Features Overview**: A concise list of features that highlights the benefits of using the service, such as ease of use, fun interactions, and sharing capabilities.
3. **Testimonials**: A section showcasing user feedback to build trust and credibility, featuring quotes and ratings.
4. **Call to Action**: Prominent buttons encouraging users to sign up or learn more about how the service works.
5. **Contact Information**: A section providing ways for users 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 should be structured in a single-column format with a clear visual hierarchy, ensuring easy navigation from the hero section to features, testimonials, and the contact section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, but can be added for future enhancements.

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript.
2. **Install Tailwind CSS** by following the official documentation to configure it within your React application.
3. **Integrate Google Fonts** by importing Inter in your main CSS file or directly in the index.html.
4. **Create the main components** for the landing page: Hero, Features, Testimonials, and Contact.
5. **Implement the responsive design** using Tailwind CSS classes, ensuring compatibility across devices.
6. **Style the components** according to the design specifications, focusing on typography, colors, and spacing.
7. **Test the responsiveness and functionality** of the landing page across different screen sizes and devices.
8. **Deploy the landing page** using a hosting service like Vercel or Netlify for public access.

## USER EXPERIENCE
Users will land on the page and immediately see the hero section with an engaging message and an action button. As they scroll down, they will encounter the features overview, providing insights into the service's benefits. User testimonials will add credibility, encouraging visitors to trust the service. Finally, a clear call-to-action will guide users to take the next step, ensuring a smooth and engaging experience throughout the landing page.