Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a fake Robux donation website. Its main purpose is to attract users with a clean and simple interface that emphasizes the offer while ensuring ease of navigation and a focus on conversion.

## CORE FEATURES
1. **Hero Section**: A visually engaging top section that highlights the main offering with a compelling headline and a clear call-to-action button.
2. **Features Overview**: A section that outlines the benefits of using the site, including ease of use, variety of donation amounts, and user testimonials.
3. **Testimonials**: A dedicated area showcasing user experiences and feedback to build trust and credibility.
4. **Call to Action (CTA)**: A prominent, repeated invitation for users to engage with the donation process or learn more about the service.
5. **Contact Information**: A simple form or contact details for users wanting more information or assistance.

## 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 vertical stacking layout with a large hero section at the top, followed by features, testimonials, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Develop components for the Hero Section, Features Overview, Testimonials, and Contact Information.
3. **Implement Styling**: Use Tailwind CSS to style components according to the design specifications, ensuring the primary color and typography are applied.
4. **Add Content**: Populate the sections with relevant text, images, and links related to the fake Robux donation service.
5. **Optimize for Responsiveness**: Ensure the layout adapts to various screen sizes using responsive design principles.
6. **Testing**: Review the landing page for functionality and aesthetics; ensure all links work and the design is visually appealing.

## USER EXPERIENCE
Users will first encounter a captivating hero section that draws them in with an inviting headline and a clear CTA. As they scroll down, they will find concise information about the features and testimonials that reinforce trust. The design's minimalist approach will guide users naturally towards the call-to-action, leading to higher conversion rates and a pleasant browsing experience. The contact section will provide easy access for further inquiries, maintaining user engagement.