Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page designed to promote "Cratre," an app for sponsors. The primary goal of the landing page is to attract potential sponsors by highlighting the benefits and features of the app while providing a clear call to action for users to engage with the platform.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to Cratre with a strong value proposition and a prominent call-to-action button for visitors to sign up or learn more.
2. **Features Overview**: A concise section detailing the core functionalities of the Cratre app, such as sponsor management, analytics dashboard, and campaign tracking.
3. **Testimonials**: A section showcasing user testimonials to build credibility and trust with potential sponsors.
4. **Call to Action**: A compelling section encouraging users to sign up or request a demo of the app, with an easy-to-find signup form.
5. **Contact Information**: A simple contact form for inquiries, allowing potential sponsors to reach out for more information.

## 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 include a full-width hero section at the top, followed by a features section presented in a grid format, testimonials in a carousel, a prominent call-to-action section, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically needed for a landing page but can be included if forms require handling.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Build the main layout components including the Hero, Features, Testimonials, CTA, and Contact sections.
3. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design with specified colors, typography, and border radius.
4. **Integrate Google Fonts**: Link the Inter font in the project to ensure consistent typography.
5. **Implement Responsiveness**: Ensure all components are responsive across devices using Tailwind's responsive utilities.
6. **Testing**: Test the landing page to ensure all links and forms work correctly before deployment.

## USER EXPERIENCE
The landing page will provide a seamless experience, guiding visitors from the hero section through the features and testimonials, ultimately leading them to the call-to-action. The clean layout and minimalist design will ensure that users can easily navigate and find the information they need without distractions. The contact form will be straightforward, allowing potential sponsors to reach out quickly.