Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake Robux giveaway website. The primary purpose of this site is to attract users with a clean and minimalist design that emphasizes user engagement and conversion while providing clear information about the fake giveaway.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy headline, a brief description, and a prominent Call-to-Action (CTA) button encouraging users to participate in the giveaway.
2. **Features Overview**: A section highlighting the benefits of participating in the Robux giveaway, such as ease of participation, exciting rewards, and community engagement.
3. **Testimonials**: User testimonials or success stories to build trust and credibility, showcasing previous participants' experiences.
4. **FAQ Section**: Frequently asked questions that address common user concerns about the giveaway process, enhancing transparency.
5. **Contact Form**: An easy-to-use contact form for users to reach out with questions or feedback, ensuring support is readily available.

## 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 layout will follow a single-page structure with distinct sections for the hero, features, testimonials, FAQ, and contact, organized in a logical flow that guides users from introduction to action.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it will primarily consist of static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using TypeScript and install Tailwind CSS for styling.
2. **Configure Fonts**: Integrate Google Fonts to include Inter for both headings and body text.
3. **Create Components**:
   - Develop a `Hero` component for the introductory section.
   - Build a `Features` component to highlight key benefits.
   - Create a `Testimonials` component to showcase user experiences.
   - Implement an `FAQ` component to address common questions.
   - Set up a `ContactForm` component for user inquiries.
4. **Styling**: Use Tailwind CSS to apply the minimalist design, ensuring the primary color #1978E5 is used for buttons and highlights, with an 8px border radius for all interactive elements.
5. **Responsive Design**: Test and adjust the layout for mobile and desktop views to ensure a seamless user experience on all devices.
6. **Deploy**: Host the completed landing page on a suitable platform (e.g., Vercel, Netlify) for public access.

## USER EXPERIENCE
Users will land on the page greeted by an engaging hero section that captures their interest. They will easily navigate through the features and testimonials, reinforcing the value of participating in the Robux giveaway. The FAQ section will address any concerns, while the contact form provides a straightforward way to engage with the site. The overall experience will be smooth, intuitive, and designed to drive conversions effectively.