Hero 266 - Hero with asymmetric mask, overlays, and mobile thumbs

Pro

A hero with headline row, dual CTAs, large masked slideshow, map-style label chip, projects chip, dot indicators, and mobile thumbnail strip.

Description of the Hero 266 block design & features

Hero266 is a slideshow hero built with shadcn/ui buttons under a cutout mask component resembling an architectural plate with stepped edges. A top row balances headline and description left against buttons right. The masked area cycles images with gentle scale on entry, shows a location-labeled chip and projects count chip on large screens, and exposes dot navigation top-right.

Mobile hides floating chips and replaces them with a horizontal thumbnail scroller tied to the same index state.

The presentation is portfolio-forward with multiple overlay affordances. Complexity is high due to synchronized timers, overlays, and responsive navigation patterns.

Layout padding follows the standard container rhythm while the mask spans the content width.