Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service that allows users to donate Robux within the Roblox platform. The main purpose of this page is to attract users with a clean and minimalist design, highlighting the features and benefits of the service while encouraging conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: An engaging hero section with a concise tagline and a prominent call-to-action button to start donating Robux.
2. **Features Overview**: A section that outlines key features of the service, such as easy donation processes, secure transactions, and user-friendly interface.
3. **Testimonials**: A section showcasing testimonials from satisfied users to build trust and credibility.
4. **Call to Action (CTA)**: Multiple CTAs strategically placed throughout the page to encourage users to start the donation process.
5. **Contact Information**: A simple contact form for inquiries and support.

## 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 feature a vertical flow with a prominent hero section at the top, followed by features, testimonials, and a contact form at the bottom, ensuring a logical progression for the user.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the landing page does not require complex state management.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Define the components for the hero section, features overview, testimonials, and contact form.
3. **Implement Styling**: Use Tailwind CSS classes to apply the minimalist design specifications, including the primary color and typography.
4. **Add Content**: Fill in the sections with relevant content, ensuring the language is clear and compelling.
5. **Integrate CTA Buttons**: Implement the call-to-action buttons with appropriate links to the donation process.
6. **Test Responsiveness**: Ensure the layout is responsive across various devices and screen sizes.

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that quickly communicates the purpose of the site. As they scroll down, they will encounter easy-to-read features that highlight the advantages of the donation service, followed by testimonials that build trust. Finally, users will have the opportunity to contact support or proceed to donate, with multiple CTAs guiding their journey throughout the page. The overall experience will be smooth and intuitive, encouraging users to engage and convert.