Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Robux Fake Landing Page

## APPLICATION OVERVIEW
This project is a landing page designed to attract users interested in receiving virtual currency, specifically Robux. The primary goal is to convert visitors into leads by providing information about the services offered while maintaining a sleek, minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: An eye-catching introduction with a bold headline, subheadline, and a prominent call-to-action (CTA) button encouraging users to sign up or learn more.
2. **Features Overview**: A section showcasing the benefits of the service, highlighting key features such as "Easy to Use," "Fast Delivery," and "Secure Transactions."
3. **Testimonials**: A section displaying user reviews and success stories to build trust and credibility.
4. **FAQs**: A frequently asked questions section addressing common concerns and inquiries about the service.
5. **Contact Form**: A simple contact form for users to reach out for more information or support, ensuring easy communication.
6. **Social Proof**: Integrate social media links or badges to showcase community engagement and encourage users to follow along.

## 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 main layout will feature a vertical scroll structure with each section clearly defined, using ample whitespace to guide the user's focus.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, as it is static.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop individual components for the Hero section, Features Overview, Testimonials, FAQs, and Contact Form.
4. **Apply Styles**: Use Tailwind CSS classes to style each component according to the design specifications, ensuring the primary color and typography are consistently applied.
5. **Implement Responsive Design**: Ensure the landing page is fully responsive, adapting to different screen sizes and orientations.
6. **Test Functionality**: Review the landing page for any issues with layout, responsiveness, and user interactions. Make adjustments as necessary.

## USER EXPERIENCE
The user experience is centered around simplicity and clarity. Users will be greeted with a prominent hero section that captures their attention and clearly communicates the value proposition. They can easily navigate through the features and testimonials to build trust. The FAQs will help address any concerns, while the contact form provides a straightforward method for users to engage further. The overall minimalist design will facilitate a smooth browsing experience, encouraging users to take action.