Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a free robux gift site. The primary purpose of this page is to attract users through a simple and appealing interface, encouraging them to engage with the offer and ultimately convert visitors into participants. The focus will be on clarity, minimalism, and effective communication of the benefits of the service.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a strong call-to-action (CTA) that communicates the value of the free robux gifts.
2. **How It Works**: A concise explanation of the process users must follow to claim their gifts, enhancing transparency and trust.
3. **User Testimonials**: A section showcasing positive feedback or testimonials from previous users to build credibility.
4. **FAQ Section**: Common questions answered to address user concerns and provide additional information about the service.
5. **Contact Form**: A simple form for users to get in touch for support or inquiries, ensuring easy communication.
6. **Social Proof/Share Buttons**: Options for users to share the site on social media, increasing visibility and outreach.

## 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 follow a vertical flow, with the hero section at the top, followed by features, testimonials, FAQs, and a contact form, ensuring a logical and user-friendly progression.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for a landing page; however, a simple state management solution can be incorporated if necessary for form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Structure**: Develop the main components for the hero section, features, testimonials, FAQs, and contact form.
4. **Implement Styling**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring the use of the primary color and typography specifications.
5. **Add Functionality**: Implement the contact form with basic input handling, ensuring user inquiries are captured.
6. **Optimize for Responsiveness**: Ensure the layout is responsive across various devices, adjusting styles as necessary.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately communicates the offer of free robux gifts. They will navigate through clear sections, each providing relevant information and leading them towards the CTA. The simple, intuitive design will encourage users to interact with the site, whether by signing up, asking questions, or sharing their experience with others, fostering a community around the service.