Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote a "Fake Rubox Give Away." Its main purpose is to attract users with a compelling offer, providing essential information about the giveaway while encouraging visitors to participate through clear calls-to-action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a catchy headline, subheadline, and a prominent call-to-action button encouraging users to enter the giveaway.
2. **How It Works**: A section explaining the steps to enter the giveaway, ensuring clarity on participation and requirements.
3. **Benefits Section**: Highlight the advantages of participating in the giveaway, such as potential rewards or opportunities.
4. **Testimonials**: A space for user testimonials or success stories to build trust and credibility.
5. **Contact Form**: A simple form for users to reach out with questions or comments, enhancing user engagement.

## 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 flow, utilizing sections for each feature and ample spacing for readability.

## 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 Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Layout**: Design a responsive layout using Tailwind CSS, ensuring sections stack vertically with clear headings and ample whitespace.
4. **Build Hero Section**: Implement the hero section with a catchy headline, subheadline, and a call-to-action button styled with the primary color.
5. **Add Feature Sections**: Create sections for "How It Works," "Benefits," and "Testimonials," using appropriate typography and spacing to enhance readability.
6. **Implement Contact Form**: Develop a simple contact form with input fields styled according to the design specifications.
7. **Test Responsiveness**: Ensure the landing page is fully responsive across devices, adjusting layouts and typography as needed.

## USER EXPERIENCE
Users will land on an inviting homepage with an immediately visible call-to-action. They can easily navigate through sections explaining the giveaway, its benefits, and how to participate. The contact form provides a straightforward way for users to engage further, ensuring a seamless and intuitive experience. The minimalist design focuses on clarity and ease of use, guiding users toward participation efficiently.