Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application that mimics the interface of Roblox for a promotional purpose, specifically focusing on the concept of gifting Robux without actually transferring any in-game currency. The application will have a minimalist design that emphasizes clean aesthetics and user-friendly navigation, providing users with an engaging experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction area that captures the user's attention with a catchy tagline and a call-to-action button to start the gifting process.

2. **Gifting Process**: A straightforward and intuitive interface that guides users through the steps to "gift" Robux, including selection of the amount and recipient details.

3. **User Testimonials**: A section showcasing user feedback to build trust and encourage new users to engage with the application.

4. **Information Section**: Clear explanations of how the gifting process works and the terms of use, ensuring users understand that no real Robux is being transferred.

5. **Contact Form**: An easy-to-use contact form for inquiries or support, enhancing user interaction and feedback collection.

6. **Responsive Design**: A layout that adapts seamlessly across various devices, ensuring a consistent user experience on mobile and desktop.

## 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 be structured in a single-page format with distinct sections for the hero, features, testimonials, and contact, ensuring a smooth scroll and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not applicable for this simple interface

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React application with TypeScript support using Create React App or Vite. Install Tailwind CSS and configure it according to the official documentation.

2. **Create Components**: Develop reusable components for the hero section, gifting process, testimonials, and contact form. Ensure that each component follows the design specifications for consistency.

3. **Implement Routing**: Although it's a single-page application, consider using React Router for potential future expansions, or for managing scroll behavior.

4. **Style the Application**: Apply Tailwind CSS classes to each component, ensuring adherence to the specified design specifications including colors, typography, and border radius.

5. **Test Responsiveness**: Use tools to test the application across different devices and screen sizes, ensuring that the layout is responsive and user-friendly.

6. **Deploy the Application**: Once completed, deploy the application using a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
The user journey begins with the hero section, where visitors are immediately engaged by the visual appeal and clear call-to-action. Users will navigate through the gifting process intuitively, with prompts guiding them at each step. Feedback is gathered through the contact form, allowing users to voice their experiences or seek support. The overall experience is designed to be straightforward and enjoyable, encouraging users to revisit and share the application.