# Dynamic Hero

> Elevate your landing page with this interactive React hero component. It captivates users with a unique arrow animation that tracks mouse movement, pointing towards the main call-to-action. Highly customizable, allowing you to define the heading, tagline, button text, and embed rich media (images or videos) in the designated card section. Seamlessly integrates with Tailwind CSS projects and follows modern React best practices for reusability.

- Author: [Hossain Jahed](https://21st.dev/@easemize)
- License: unknown
- Live preview: https://21st.dev/@easemize/components/dynamic-hero

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/easemize/dynamic-hero?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