Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Gift Robux" is a landing page designed to promote a platform where users can easily and securely gift Robux, the in-game currency for Roblox. The primary goal is to attract users, highlight the benefits of gifting Robux, and encourage conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: Eye-catching introduction with a brief description of the service, an attractive headline, and a prominent call-to-action button to get started.
2. **Features Overview**: Highlight the key benefits of gifting Robux, such as instant delivery, secure transactions, and user-friendly interface.
3. **Testimonials**: Showcase feedback from satisfied users to build trust and credibility.
4. **How It Works**: Simple, step-by-step guide on how to gift Robux, making the process transparent and easy to understand.
5. **Contact Information**: Easy access to support or inquiries to enhance user trust and engagement.

## 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-column layout with a clear visual hierarchy, featuring a large hero section at the top, followed by sections for features, testimonials, and how it works, culminating in a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page but could use context API for managing any interactive components if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Components**: Develop individual components for the Hero section, Features, Testimonials, How It Works, and Contact sections.
3. **Implement Layout**: Use a single-column layout with Tailwind CSS to ensure responsiveness and a minimalist aesthetic.
4. **Add Styling**: Apply the specified design guidelines, including color, typography, and border radius, to all components.
5. **Optimize for Mobile**: Ensure the landing page is fully responsive and provides a seamless experience across devices.
6. **Test and Iterate**: Conduct user testing to gather feedback and make necessary adjustments for improved user experience.

## USER EXPERIENCE
Users will land on a visually appealing page that quickly communicates the purpose of gifting Robux. The clear layout and prominent calls to action will guide users through the information effortlessly. They will be able to read testimonials that build trust and easily navigate to contact support for any inquiries. The overall experience is designed to be straightforward, ensuring users feel confident in making a decision to gift Robux.