Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote a Robux giveaway, focusing on engaging users and encouraging them to participate. The main purpose is to attract visitors, inform them about the giveaway, and drive conversions through a clear call-to-action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that quickly communicates the giveaway offer, featuring a prominent headline and a call-to-action button to participate.
2. **How It Works**: A simple breakdown of the steps users need to follow to enter the giveaway, ensuring clarity and ease of understanding.
3. **Testimonials**: A section highlighting previous winners or user experiences to build trust and credibility.
4. **FAQ**: Answers to common questions regarding the giveaway, helping to alleviate any concerns potential participants may have.
5. **Contact Information**: A clear way for users to reach out for more information or support.

## 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 full-width hero section at the top, followed by a grid layout for the features and testimonials, and a footer section with contact information and FAQs.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the hero section, features, testimonials, and contact sections.
4. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design and ensure responsiveness.
5. **Implement Call-to-Action**: Create a prominent button in the hero section that directs users to the participation form.
6. **Add Content**: Populate sections with engaging copy and images that align with the giveaway theme.
7. **Test Responsiveness**: Ensure the layout works well across different screen sizes and devices.
8. **Deploy**: Use a platform like Vercel or Netlify for easy deployment of the landing page.

## USER EXPERIENCE
Users will land on the page and immediately see the giveaway offer in the hero section, encouraging them to read more about how to participate. The streamlined layout makes it easy for users to navigate through the information, and the FAQ section addresses any concerns. The contact details ensure users can get help if needed, enhancing overall user satisfaction. The call-to-action buttons will be prominent, guiding users to participate in the giveaway seamlessly.