Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a Roblox Robux gifting website. The primary purpose is to attract users by presenting an appealing interface that explains the gifting process and encourages them to engage with the site through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introductory section that captures the user's attention with a brief tagline and a prominent call-to-action button to start the gifting process.
   
2. **How It Works**: A simple breakdown of the gifting process in three steps, using icons and succinct descriptions to make it easy for users to understand how they can receive Robux.

3. **Benefits Section**: Highlights the advantages of using the site for Robux gifting, including security, ease of use, and speed of delivery, framed in a clean and engaging layout.

4. **Testimonials**: User reviews and success stories that build credibility and trust, enhancing the overall appeal of the service.

5. **Call to Action**: A dedicated section with a strong invitation to participate in the gifting process, featuring a button that leads to more information or a sign-up form.

6. **Contact Information**: A simple contact form for user inquiries, ensuring that visitors can easily reach out for support or additional questions.

## 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 vertical stack of sections—Hero at the top, followed by How It Works, Benefits, Testimonials, Call to Action, and Contact, ensuring a logical flow for the user.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified but can use Context API or state management libraries if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the Layout**: Develop a responsive layout using Tailwind CSS, ensuring each section is styled according to the design specifications.
4. **Build Core Components**: Create components for the Hero, How It Works, Benefits, Testimonials, Call to Action, and Contact sections.
5. **Integrate Typography and Colors**: Apply the Inter font and the primary color throughout the components, ensuring consistency in design.
6. **Implement Call to Action**: Ensure the CTA buttons are functional and lead to appropriate actions, such as sign-up or information pages.
7. **Test Responsiveness**: Verify that the landing page is visually appealing and functional across various devices and screen sizes.

## USER EXPERIENCE
Users will land on a clean and inviting page that clearly guides them through understanding the Robux gifting service. The flow is intuitive, starting from the Hero section, moving through informative content, and culminating in a strong call to action. The minimalist design ensures that users are not overwhelmed, providing a smooth experience as they navigate the site.