Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase a visual representation of Robux, emphasizing a clean and minimalist aesthetic. The main purpose is to attract users interested in Robux giveaways, particularly highlighting a promotional offer of 100k Robux. The landing page will focus on conversion through engaging visuals, clear messaging, and a prominent call-to-action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring an attention-grabbing headline about the 100k Robux giveaway, accompanied by an inviting image and a prominent call-to-action button.
2. **Features Section**: A concise overview of the benefits of participating in the giveaway, including how to enter and the legitimacy of the offer.
3. **Testimonials**: User feedback or success stories to build trust and credibility, highlighting real experiences from participants.
4. **Call-to-Action (CTA)**: A strong invitation for users to participate, including a simple form for collecting user information and consent.
5. **Contact Information**: A section dedicated to FAQs or customer support, providing users with easy access to help or more information.

## 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 include a full-width hero section at the top, followed by a features section in a grid format, testimonials displayed in cards, a prominent CTA section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project for styling and UI components.
3. **Create Layout Components**: Develop the layout structure including the Hero, Features, Testimonials, CTA, and Contact sections.
4. **Implement Responsive Design**: Use Tailwind CSS utilities to ensure that the layout is responsive across different devices.
5. **Add Inter Typography**: Import and apply the Inter font from Google Fonts throughout the application.
6. **Style Components**: Apply the specified design specifications including color, typography, and border radius to all components.
7. **Integrate Form Handling**: Set up a simple form in the CTA section to capture user information for the giveaway.
8. **Test Functionality**: Ensure all interactive elements work as intended and the layout is visually appealing.

## USER EXPERIENCE
Users will first encounter a visually appealing hero section that clearly communicates the offer. As they scroll down, they will find succinct descriptions of the giveaway features and testimonials from previous participants to build trust. The CTA will prompt users to engage with a simple form, while the footer will provide additional contact options. The minimalist design and responsive layout will ensure a pleasant browsing experience across devices, promoting high conversion rates.