Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake donating Robux website, aimed at attracting users through a minimalist and clean aesthetic. The primary purpose is to capture user interest and encourage engagement without offering a real service, focusing on conversion through visual appeal and clarity.

## CORE FEATURES
1. **Hero Section**: A visually engaging introduction that highlights the benefits of using the site, featuring a prominent call-to-action (CTA) button.
2. **How It Works**: A simple explanation of the process users would go through to "donate" Robux, presented in an easy-to-understand format.
3. **Testimonials**: A section showcasing fictional user testimonials to build credibility and encourage potential users.
4. **FAQ Section**: Common questions and answers to address potential user concerns and clarify the site's purpose.
5. **Call to Action**: Multiple CTAs throughout the page, encouraging users to "Get Started" or "Learn More" with links to sections of the page.
6. **Contact Form**: A simple form for users to submit inquiries or feedback, reinforcing 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**: The main layout structure will follow a single-column format, with sections stacked vertically for easy scrolling. Each section will have clear visual breaks and sufficient padding to enhance readability.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Structure the landing page by creating components for each section (Hero, How It Works, Testimonials, FAQ, CTA, Contact Form).
3. **Implement Styling**: Use Tailwind CSS for styling components according to the design specifications, ensuring responsiveness.
4. **Add Content**: Populate each section with relevant content, following the core features outlined.
5. **Integrate CTA Buttons**: Ensure all CTAs are functional and lead to appropriate sections within the page.
6. **Test Responsiveness**: Check the layout on various devices to ensure a seamless user experience across screen sizes.

## USER EXPERIENCE
The landing page will provide a smooth and engaging experience, with users able to easily navigate through the sections. The hero section will draw attention immediately, with clear navigation through CTAs. Users will feel encouraged to explore the site further, with testimonials enhancing trust and the FAQ section addressing potential doubts. The contact form offers an opportunity for interaction, allowing users to engage with the site creators, thereby increasing user retention.

This prompt is designed to guide the creation of a fully functional minimalist light application that aligns with your vision for a fake donating Robux website.