Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote "Fake Robux," a playful concept related to virtual currency in gaming. The main purpose is to attract visitors, provide information about the service, and encourage conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a catchy headline, subheading, and a call-to-action button to entice users to learn more or sign up.
2. **Features Overview**: A section highlighting the benefits of using Fake Robux, emphasizing its ease of use, safety, and fun factor.
3. **Testimonials**: A section showcasing user reviews and testimonials to build trust and social proof.
4. **Call to Action (CTA)**: Prominent buttons throughout the page encouraging users to take action, such as signing up or exploring more.
5. **Contact Information**: A simple contact form or section for users to reach out with inquiries 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 vertical layout with sections stacked for easy scrolling, featuring a full-width hero image, followed by feature highlights, testimonials in a grid layout, and a footer with contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it will be mostly static content; however, consider using context API for any dynamic elements if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop components for each section of the landing page (Hero, Features, Testimonials, CTA, Contact).
3. **Implement Styling**: Use Tailwind CSS to apply the minimalist design specifications, ensuring spacing, typography, and colors match the design requirements.
4. **Add Interactivity**: Implement any necessary interactive elements, such as buttons and form submissions, while ensuring responsiveness across devices.
5. **Optimize for SEO**: Add meta tags and descriptions relevant to the content of the landing page to improve visibility in search engines.
6. **Test Across Browsers**: Ensure the landing page works smoothly across different web browsers and devices, addressing any layout or responsiveness issues.

## USER EXPERIENCE
Key user interactions include clicking the call-to-action buttons to navigate to additional information or sign-up forms, scrolling through the features and testimonials, and submitting inquiries through the contact section. The design prioritizes clarity and ease of navigation, ensuring that users can quickly find the information they need while being visually engaged by the minimalist aesthetic.