# Modern Hero section

> MinimalHeroSection – Interactive AI-Powered Hero Banner A visually rich and interactive hero section built with React and Tailwind CSS, featuring an SVG-based animated background that subtly responds to mouse movement.  Dynamic SVG Grid – Renders a responsive grid with hover effects and highlighted tiles for visual depth.  Mouse-Follow Glow Effect – Creates a radial gradient glow that follows the user’s cursor in real time.  Responsive Layout – Fully adaptable to screen sizes with well-spaced typography and content hierarchy.  Call-to-Action Focused – Includes a prominent “Get Started Free” button with hover animations to increase engagement.  Trust Indicators – Displays key stats (Developer count, Uptime, Enterprise readiness) to build credibility.  This component is ideal for modern SaaS or AI startup landing pages, providing a high-quality, interactive first impression while maintaining performance and accessibility.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- Live preview: https://21st.dev/@uniquesonu/components/modern-hero-section-1

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uniquesonu/modern-hero-section-1?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt