Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake Robux giveaway. Its primary goal is to attract users with a visually appealing and simple interface while providing clear information about the giveaway, encouraging users to participate.

## CORE FEATURES
1. **Hero Section**: A prominent section at the top with a catchy headline, subheading, and a call-to-action (CTA) button for users to enter the giveaway.
2. **Features Section**: Highlight the benefits of participating in the giveaway, such as easy entry, potential rewards, and how users can increase their chances.
3. **Testimonials**: A section for user testimonials, showcasing previous winners or satisfied participants to build trust and encourage new users.
4. **FAQ Section**: Address common questions about the giveaway, eligibility, and how the winners are chosen to ensure transparency.
5. **Contact Form**: A simple contact form for users to reach out with questions or concerns.

## 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**: A single-page layout with a vertical scroll structure, featuring distinct sections for the hero, features, testimonials, FAQs, and contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page

## IMPLEMENTATION STEPS
1. **Set up the React app**: Create a new React project using Create React App with TypeScript support.
2. **Install Tailwind CSS**: Follow the Tailwind CSS installation guide to integrate it into the project.
3. **Set up Google Fonts**: Import the Inter font from Google Fonts in the `index.html` file.
4. **Create the main components**: Develop components for the Hero, Features, Testimonials, FAQ, and Contact sections.
5. **Style components**: Use Tailwind CSS classes to apply the minimalist design and ensure responsive behavior.
6. **Implement the contact form**: Create a simple form using controlled components and handle form submissions.
7. **Test the landing page**: Ensure all components are functioning correctly and the design is responsive across devices.

## USER EXPERIENCE
Users will land on the page greeted by an engaging hero section that captures their attention. They can scroll down to learn more about the giveaway through the features and testimonials sections. The FAQ section will provide clarity on the giveaway process, and users can easily reach out through the contact form if they have questions, ensuring a seamless and informative experience. The design will guide users naturally toward the CTA, encouraging participation in the giveaway.