Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to mimic the aesthetic and functionality of Roblox while promoting donations for a similar platform. The focus is on creating a clean and engaging user experienc
e that encourages visitors to contribute, highlighting key features and the value of the platform.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy tagline and a prominent call-to-action button encouraging users to donate.
2. **Features Overview**: A section highlighting key platform features, including gameplay mechanics, community engagement, and benefits of donating.
3. **Testimonials**: A carousel or grid displaying user testimonials to build trust and showcase the positive impact of donations.
4. **Call to Action (CTA)**: Multiple strategically placed buttons prompting users to donate, subscribe, or learn more about the platform.
5. **Contact Section**: A simple contact form for inquiries, along with social media links and other contact details.

## 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 be a single-page scroll design with distinct sections for the hero, features, testimonials, CTA, and contact information, ensuring a smooth user flow.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Design the single-page layout using React components for each section (Hero, Features, Testimonials, CTA, Contact).
3. **Implement Styling**: Utilize Tailwind CSS to apply the minimalist style, including the specified primary color and typography.
4. **Add Content**: Populate each section with relevant content, focusing on engaging text and visuals that align with the platform's theme.
5. **Optimize for Responsiveness**: Ensure the design is fully responsive, adjusting elements for various screen sizes.
6. **Test Functionality**: Review all links, buttons, and forms to ensure they work correctly and provide a seamless user experience.

## USER EXPERIENCE
The landing page will feature intuitive navigation, with a smooth scroll experience for users moving between sections. Key interactions will include clicking the prominent donation buttons, which should lead to a payment or further information page. The testimonials section will enhance credibility, while the contact form will allow users to reach out easily, fostering community engagement. Overall, the design will prioritize user comfort and clarity, making it easy for visitors to understand the platform's purpose and take action.