Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase the "Fake Robux" service, allowing users to explore its features and benefits. The primary goal is to engage visitors, inform them about the service, and encourage them to take action through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that highlights the main value proposition of the "Fake Robux" service with a prominent call-to-action button.
2. **Features Overview**: A concise section detailing the key benefits and functionalities of the service, presented with engaging visuals and descriptions.
3. **Testimonials**: A section showcasing user testimonials or success stories to build trust and credibility.
4. **Call to Action**: A strategically placed call to action encouraging users to get started or sign up for the service.
5. **Contact Information**: A simple contact form or details for users to reach out for more information.

## 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 will follow a single-page structure with a hero section at the top, followed by features, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified (consider using React's built-in context or state management as needed)

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to set up Tailwind for styling.
3. **Create Components**: 
   - Develop a `Hero` component for the top section.
   - Create a `Features` component to outline the key benefits.
   - Build a `Testimonials` component for user feedback.
   - Implement a `CTA` component for user engagement.
   - Set up a `Contact` component with a simple contact form.
4. **Styling**: Apply Tailwind CSS classes to each component according to the design specifications, ensuring the use of the primary color and typography.
5. **Responsive Design**: Ensure the layout is fully responsive, adapting to different screen sizes using Tailwind's responsive utilities.
6. **Testing**: Test the landing page across different browsers and devices to ensure functionality and design consistency.

## USER EXPERIENCE
Users will first encounter the Hero section, which draws them in with a clear message and a call-to-action button. As they scroll down, they will find an overview of the service's features, followed by testimonials that build trust. The page will conclude with a strong call to action, guiding users to sign up or learn more about the service. The minimalist design and straightforward layout will ensure a pleasant user experience, making navigation intuitive and engaging.