Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for gifting Roblox users with Robux, specifically aimed at creating an engaging experience for users who are interested in receiving or gifting Robux. The landing page will highlight the benefits and ease of gifting, appealing to the Roblox community.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section with a clear headline that communicates the gifting concept and a call-to-action (CTA) button encouraging users to start gifting.
2. **How It Works**: A simple explanation of the gifting process, illustrated with icons or graphics, to ensure users understand the steps involved.
3. **Benefits Section**: Highlight the advantages of gifting Robux, such as enhancing gameplay, purchasing in-game items, and connecting with friends.
4. **Testimonials**: Showcase user testimonials or success stories to build trust and encourage new users to participate.
5. **CTA Section**: A prominent call-to-action encouraging users to take the next step, whether it's signing up or learning more about the gifting process.
6. **Contact Information**: A simple contact form or details for users to reach out with questions or support needs.

## 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 sections stacked vertically, ensuring a smooth scroll experience and clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not required for a simple landing page

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create the Hero Section**: Build a hero section with a large headline, a brief description, and a CTA button styled with the primary color.
3. **Develop the How It Works Section**: Use icons and short text blocks to describe the gifting process clearly.
4. **Add the Benefits Section**: Create a visually appealing list of benefits with icons, using the primary color for accents.
5. **Implement Testimonials**: Create a section for testimonials with quotes and user names, styled for visibility and impact.
6. **Build the CTA Section**: Design a final CTA encouraging users to get started, ensuring it stands out using the primary color.
7. **Contact Section**: Implement a simple contact form that captures user inquiries, styled consistently with the overall design.

## USER EXPERIENCE
Users will land on a clean, inviting page that clearly articulates the concept of gifting Robux. They can scroll through the sections to understand the process, see the benefits, read testimonials, and easily navigate to the call-to-action. The minimalist design ensures that users are not overwhelmed, allowing for a seamless experience that encourages them to engage and take action.