Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a Robux giveaway for a YouTube live event. The goal is to attract viewers and encourage participation while providing essential information about the giveaway. The page will focus on clarity and conversion, ensuring users understand how to enter and engage with the live stream.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to the giveaway, featuring an eye-catching headline and a call-to-action button to participate.
2. **How It Works**: A simple breakdown explaining the steps participants need to follow to enter the giveaway, enhancing user understanding.
3. **Live Countdown Timer**: A countdown timer showing the time left until the giveaway starts, creating urgency and excitement.
4. **Testimonials/Comments Section**: A space for previous participants to share their experiences, fostering community and trust.
5. **Contact Information**: A straightforward way for users to get in touch with questions or concerns about the giveaway.

## 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-column layout with a prominent hero section at the top, followed by the how it works section, a countdown timer, testimonials, and a contact area.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**:
   - Develop the Hero component with a headline and call-to-action button.
   - Build the How It Works component, outlining the steps with icons.
   - Implement a Countdown Timer component to display the time left for the event.
   - Create a Testimonials component to showcase user experiences.
   - Set up a Contact component for inquiries.
3. **Style Components**: Use Tailwind CSS to style each component according to the design specifications provided.
4. **Integrate Countdown Logic**: Implement a countdown timer functionality that updates in real-time.
5. **Deploy the Landing Page**: Host the completed landing page on a web server or platform like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a clean and visually appealing page that immediately communicates the giveaway’s purpose. They can easily navigate through the sections, understand how to participate, and see the countdown to the event. The testimonials will provide social proof, and the contact section will assure users that they can reach out for further information. Overall, the design will focus on simplicity and engagement, driving users toward participation in the live event.