Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a fictional Roblox Robux gifting feature, promoting the idea of a massive amount of Robux that can be gifted to users. The main purpose is to attract visitors and encourage them to engage with the platform, emphasizing a clean and straightforward user experience.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a bold headline and a call-to-action button that invites users to "Get Started" or "Claim Your Robux".
2. **Features Overview**: A brief section outlining the benefits of the platform, such as "Instant Robux Gifts", "No Strings Attached", and "Join Thousands of Happy Users".
3. **Testimonials**: A section displaying testimonials from users who have successfully received Robux, adding credibility to the offering.
4. **FAQs**: A section addressing common questions about the Robux gifting process to alleviate user concerns and provide clarity.
5. **Contact Form**: A simple form for users to submit inquiries, ensuring they can easily reach out for more information.

## 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 follow a single-column structure for simplicity, featuring a large hero area at the top, followed by sections for features, testimonials, FAQs, and a contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the landing page does not require complex state management.

## IMPLEMENTATION STEPS
1. **Set Up React Environment**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Develop reusable components for the hero section, feature cards, testimonials, FAQs, and the contact form.
4. **Style Components**: Use Tailwind CSS to style each component according to the design specifications.
5. **Implement Responsive Design**: Ensure that all components are responsive for various screen sizes.
6. **Test Functionality**: Check all links and forms to ensure they work correctly and enhance user experience.

## USER EXPERIENCE
Users will land on the page and immediately see a clear and inviting hero section. They can scroll down to learn about the features and read testimonials that build trust. The FAQ section will help address any concerns, and the contact form will be easily accessible for inquiries. The overall experience will be straightforward, visually appealing, and designed to encourage users to engage with the platform.