Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page for a service that allows users to gift Robux on Roblox. The primary purpose is to provide a clear, engaging platform where users can learn about the gifting process, understand its benefits, and easily navigate to action points like purchasing or signing up.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction to the service, highlighting the ease of gifting Robux, with a prominent call-to-action button.
2. **How It Works**: A simple step-by-step guide explaining the gifting process, making it intuitive for users to understand.
3. **Benefits**: A section showcasing the advantages of gifting Robux, including testimonials from satisfied users to build trust.
4. **Pricing Plans**: Clear information on different gifting options and pricing, making it easy for users to choose the best plan for their needs.
5. **Contact Information**: A dedicated area for users to reach out for support or inquiries, enhancing customer service 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**: The layout will be structured in a single-page format with sections stacked vertically, including a hero section at the top, followed by how it works, benefits, pricing, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for a landing page setup but can use React Context if needed for simple state management.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create the Layout**: Design the main structure using functional React components. Implement responsive design to ensure mobile-friendliness.
3. **Implement the Hero Section**: Use a full-width banner with a compelling headline, subheadline, and call-to-action button styled with the primary color.
4. **Build the How It Works Section**: Create a simple step-by-step guide using icons or illustrations for visual clarity.
5. **Develop the Benefits Section**: Integrate user testimonials and reasons to gift Robux, utilizing cards styled with the specified border radius.
6. **Add Pricing Plans**: Clearly outline the gifting options using a grid layout to compare features easily.
7. **Set Up Contact Information**: Create a simple contact form that captures user inquiries and feedback.

## USER EXPERIENCE
Users will land on a clean, visually appealing page that guides them through the gifting process of Robux. Navigation will be straightforward, with clear sections and call-to-action buttons. The minimalist design ensures that users can focus on the content without distractions. Key interactions will involve clicking on buttons to learn more or to initiate the gifting process, ensuring a seamless user journey from awareness to action.