# Day to Night Hero

> A pinned-scroll architecture studio hero built on the photo-relight component: one photograph of a white modernist house behind a long pool is relit as the reader scrolls, from a cool dawn through midday and a warm golden hour with low raking light to blue hour and night, the sky regraded on its own while the windows, timber soffits and pool switch on one by one with a soft halo. A white semibold headline, an intro, an Arrow Pill and an underline link sit at the lower left over a soft scrim. Every photo, light and grade setting passes through the day prop; reduced motion holds golden hour on…

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/hero243).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/hero243
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/hero243-light-03ed71bae725929f.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/hero243

## Dependencies

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