Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to simulate a fake Robux website. The main purpose is to attract visitors with a clean, minimalist design while presenting features related to Robux offerings and encouraging user engagement through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero area with an engaging headline, a brief description of the fake Robux services, and a prominent call-to-action button.
2. **Features Overview**: A section highlighting the key benefits of using the site, including how to earn Robux, tips for gameplay, and community engagement.
3. **Testimonials**: A section displaying fictional user testimonials to build trust and authenticity.
4. **Call to Action (CTA)**: A dedicated CTA section encouraging users to sign up or learn more about the services offered.
5. **Contact Information**: A simple contact form for users to reach out with questions or support needs.

## 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 flow, starting from the hero section, followed by features, testimonials, CTA, 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 the React project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to configure the project for styling.
3. **Add Google Fonts**: Import the Inter font from Google Fonts in the project's CSS file.
4. **Create page structure**: Build the layout by creating functional components for each section: Hero, Features, Testimonials, CTA, and Contact.
5. **Style components**: Use Tailwind CSS classes to apply the minimalist design, ensuring proper spacing, typography, and colors as specified.
6. **Deploy the application**: Use a service like Vercel or Netlify for deployment to make the landing page accessible online.

## USER EXPERIENCE
Users will first encounter the hero section with a compelling message and a clear CTA to engage them right away. As they scroll down, they will see the features presented clearly with engaging visuals, followed by testimonials that foster trust. The CTA will encourage them to take action, and the contact form will provide a straightforward way to ask questions or receive support. The entire experience is designed to be intuitive, ensuring that the information is easily digestible and visually appealing. 

The landing page will be fully responsive to ensure a smooth experience across all devices, maintaining the minimalist design principles throughout.