Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed to promote "fake robux donations." This platform will aim to engage users by showcasing the benefits and features of the donation system while encouraging them to participate through clear calls-to-action. The focus will be on simplicity and clarity, ensuring a seamless user experience.

## CORE FEATURES
1. **Hero Section**: A captivating introductory section that highlights the concept of fake robux donations, including a strong headline, subheadline, and a prominent call-to-action button.
2. **Features Overview**: A concise description of the main advantages, such as easy donations, user-friendly interface, and community engagement.
3. **Testimonials**: User feedback showcasing positive experiences with the fake robux donation system, enhancing credibility and trust.
4. **Call to Action (CTA)**: A dedicated section encouraging users to start donating or learn more, with a button leading to further information.
5. **Contact Information**: A simple form or contact details for users to ask questions or provide feedback.

## 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 structured with a top navigation bar, followed by the hero section, features overview, testimonials, and a CTA section, concluding with the contact information in a footer format.

## 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. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Layout**: Set up a responsive layout structure using Tailwind CSS classes for the navigation bar, hero section, features, testimonials, and contact form.
3. **Implement Hero Section**: Add a compelling headline and subheadline, and style the call-to-action button using the specified primary color and border radius.
4. **Add Features Section**: Create a grid layout to display the features clearly, ensuring ample white space and easy readability.
5. **Incorporate Testimonials**: Design a section that showcases user testimonials with a clean and engaging format.
6. **Build the CTA Section**: Develop a prominent call-to-action area that stands out and encourages user interaction.
7. **Implement Contact Section**: Add a simple contact form or display contact information, ensuring it fits within the minimalist design.
8. **Responsive Design**: Ensure the entire landing page is responsive and looks good on various screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately communicates the purpose of fake robux donations. They will be able to navigate through the sections effortlessly, with clear calls to action guiding them towards engaging with the service. The minimalist design will enhance readability and reduce distractions, allowing users to focus on the content and take action.