# Zoom Parallax Hero

> A pinned scroll hero for a design hotel built on the zoom-parallax component: seven photographs sit in an asymmetric editorial collage under a centered headline, and as the page scrolls every photograph grows at its own pace while the center one glides forward to fill the whole frame and the others fly outward past the edges. Once the bay fills the screen, the semibold headline, an intro, an Arrow Pill and an underline link settle in at the lower left over a soft shade. The collage drifts gently with the cursor, and every collage setting passes through the collage prop. Reduced motion shows t…

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/hero252).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/hero252
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/hero252-light-e835fba437f78de1.png
- Listed: 2026-10-13

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/hero252

## Dependencies

- npm packages: `clsx`, `framer-motion`, `lucide-react`, `tailwind-merge`
- Registry items: `button`