Description of the Hero 264 block design & features
Hero264 is a centered hero built with shadcn/ui badge and buttons around a bespoke SVG mask: the hero image sits inside a wide plate with a concave bottom center notch. Still images cycle on a timer with opacity crossfades, while a row of thumbnail buttons rides inside that notch so users can jump slides directly.
The mask geometry is the defining silhouette versus a rectangle. Thumbnails dim when inactive and expand the active choice.
It suits portfolios that want an engineered frame around photography. Complexity is moderate, mixing timed animation, mask math, and interactive thumbnails.
On small screens the mask scales proportionally and thumbnails remain tappable along the cutout edge.