Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for "Fake Robux," a platform aimed at users seeking a fun and engaging experience related to the popular in-game currency from Roblox. The landing page will showcase features, benefits, and provide a clear call-to-action to encourage user engagement.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures the essence of Fake Robux, including a catchy tagline and a primary call-to-action button.
2. **Features Overview**: A section highlighting the key features of the platform, such as "Easy to Use," "Fast Delivery," and "Secure Transactions," each with a brief description.
3. **Testimonials**: A collection of user reviews and success stories to build trust and credibility.
4. **Call to Action (CTA)**: Prominent buttons encouraging users to sign up or learn more, strategically placed throughout the page.
5. **Contact Information**: A footer containing essential contact details and links to social media platforms for user 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 main layout will consist of a full-width hero section, followed by feature blocks arranged in a grid, a testimonial carousel, and a final CTA section at the bottom.

## 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 Project**: Initialize a new React project using Create React App with TypeScript and Tailwind CSS.
2. **Install Dependencies**: Install necessary libraries including Tailwind CSS and shadcn/ui components.
3. **Create Layout Components**: Develop reusable components for the hero section, feature blocks, testimonials, and footer.
4. **Implement Styling**: Use Tailwind CSS to style the components according to the design specifications, ensuring a minimalist aesthetic.
5. **Add Functionality**: Implement basic interaction for the CTA buttons (e.g., linking to a sign-up form or external resource).
6. **Optimize for Responsiveness**: Ensure that the layout is responsive and visually appealing on all devices.
7. **Testing**: Conduct user testing to gather feedback on usability and design.

## USER EXPERIENCE
Key user interactions include a smooth scrolling experience from the hero section down to features and testimonials. The CTAs will be clearly visible and inviting, prompting users to engage, while the minimalist design will enhance focus on the content. Users will find the layout intuitive, enabling easy navigation to learn more about Fake Robux and how to get started.