Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a modern, animated, and visually impactful landing page for a digital branding agency. The focus will be on a clean and minimalist design with engaging animations that enhance the user experience while effectively showcasing the agency's services.

## CORE FEATURES
1. **Sticky Navbar**: A persistent navbar featuring the logo, menu items, and a prominent call-to-action button for easy navigation.
2. **Hero Section**: A visually striking hero area with a large headline, subtitle, and two clear CTAs (primary filled and secondary outlined) to capture user attention.
3. **Statistics Section**: An engaging section displaying key numbers and statistics relevant to the agency's success, with animated counters that activate upon visibility.
4. **Services/Features Cards**: A section presenting the agency’s services in card format, allowing users to easily explore what is offered.
5. **Client Logos/Partners Section**: A display of partner logos to build credibility and trust with potential clients.
6. **Comprehensive Footer**: A footer containing essential links and contact information, ensuring users have easy access to additional resources.

## 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 consist of a sticky navbar at the top, followed by a hero section, then sections for statistics, services, and client logos, with a footer at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript, install Tailwind CSS and shadcn/ui for UI components.
2. **Create Navbar Component**: Develop a sticky navbar component that includes the logo, menu links, and a prominent CTA.
3. **Develop Hero Section**: Implement the hero section with a large headline, subtitle, and two call-to-action buttons, incorporating text animation effects.
4. **Build Statistics Section**: Create a statistics component that utilizes animated counters for key metrics, triggering animations with scroll events.
5. **Design Services Cards**: Construct a services section with visually appealing cards that include images and brief descriptions of each service.
6. **Implement Client Logos Section**: Create a section to display partner logos, ensuring it is visually integrated with the overall design.
7. **Create Footer Component**: Develop a footer that holds all necessary contact information and links.
8. **Animate Elements**: Add scroll-triggered animations (fade-in + slide-up), hover effects, and micro-interactions for buttons and links.
9. **Test Responsiveness**: Ensure the entire site is fully responsive and optimized for various device sizes.

## USER EXPERIENCE
The landing page will provide an intuitive browsing experience, with smooth transitions between sections. Users will be greeted by a visually appealing hero area that invites interaction through prominent CTAs. As they scroll, animations will engage them further, offering a sense of dynamism. Key sections will be easy to navigate, with clear calls to action encouraging users to learn more about the agency's offerings or to get in touch, ultimately leading to higher conversion rates.

This prompt outlines a clear and comprehensive guide to building a minimalist, high-impact landing page tailored to the needs of a digital branding agency.