Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic a Robux giveaway website, creating a fun and engaging experience for users interested in Roblox-themed content. The primary purpose is to attract visitors with a clean, minimalist design while encouraging them to explore the features and engage with the call-to-action.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a catchy tagline that captures attention immediately and includes a prominent call-to-action button.
2. **Features Overview**: A section that highlights the benefits of using the site, such as "Daily Giveaways", "Easy Access", and "Community Engagement".
3. **Testimonials**: A section showcasing user feedback and success stories to build trust and credibility.
4. **Call to Action (CTA)**: A clear and engaging button prompting users to "Get Started" or "Claim Your Robux".
5. **Contact Form**: A simple contact form for user inquiries, allowing visitors to reach out easily.
6. **Social Media Links**: Icons linking to related social media platforms to encourage further 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 featuring a clear vertical flow, starting with the hero section, followed by features, testimonials, CTA, and ending with the contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for modern and responsive components.
- **State Management**: React Context API for simpler state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Develop components for the Hero section, Features overview, Testimonials, CTA, and Contact form.
4. **Style Components**: Utilize Tailwind CSS classes to implement the minimalist design as specified in the design specifications.
5. **Integrate Typography**: Import and apply the Inter font from Google Fonts across all components.
6. **Add Functionality**: Implement the CTA button functionality, linking it to a form or action.
7. **Test Responsiveness**: Ensure the design is responsive and adjusts well to different screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page with a prominent hero section that draws them in. They can easily scroll down to discover features and testimonials that enhance credibility. The CTA will encourage them to take action, while the contact form makes it easy for users to reach out with any questions. The overall experience will be smooth, intuitive, and engaging, with a focus on simplicity and ease of use.