Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for "Fake Robux Gifting 1M Robux"

## APPLICATION OVERVIEW
This project is a landing page designed to promote the concept of gifting fake Robux, focusing on a clean and minimalist design. The primary aim is to attract users with a simple, effective presentation that encourages engagement and conversion through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing header that captures user attention, featuring a catchy tagline and a prominent call-to-action button.
2. **How It Works**: A straightforward explanation of the gifting process, using icons and brief descriptions to guide users.
3. **Benefits**: Highlight the advantages of using the service, presented in a visually engaging format with bullet points or icons.
4. **Testimonials**: A section dedicated to user feedback or success stories, enhancing trust and credibility.
5. **Call to Action (CTA)**: Multiple strategically placed buttons encouraging users to take action, such as signing up or learning more.
6. **Contact Information**: A simple contact form for inquiries that allows users to get in touch easily.

## 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 feature a vertical stacking arrangement with the hero section at the top, followed by the How It Works section, Benefits, Testimonials, and finally the Contact Information 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**: Create a new React project with TypeScript, install Tailwind CSS and shadcn/ui for styling.
2. **Create Components**: Build reusable components for the Hero, How It Works, Benefits, Testimonials, and Contact sections.
3. **Design Layout**: Use Tailwind CSS to implement the minimalist design, ensuring ample white space and proper alignment.
4. **Integrate Typography**: Import Inter from Google Fonts and apply it to all text elements.
5. **Implement Primary Color**: Use #1978E5 for buttons, links, and highlights throughout the page.
6. **Test Responsiveness**: Ensure the landing page is responsive across various devices and screen sizes.
7. **Deploy**: Choose a hosting platform to deploy the landing page and make it accessible to users.

## USER EXPERIENCE
The landing page will guide users smoothly from the hero section to the benefits of using the service, interspersed with engaging testimonials. Each section will have clear navigation and a straightforward flow, ensuring users can easily understand the service and take action, such as filling out the contact form or clicking on the CTA buttons. The minimalist approach will enhance focus and reduce friction in the user journey.