Hero 304 block design & features
Hero304 is a long-form two-column hero built with shadcn/ui where the left side carries badge, headline, supporting copy, dual CTAs, and an optional preview image that stays sticky on wide screens while the right side scrolls through rounded feature cards.
Muted placeholder palette with soft card surfaces and subtle horizontal offsets on alternating proof tiles for light rhythm. The preview image appears once above the card stack on phones so media still lands early in the scroll.
Editorial and scroll-driven with moderate complexity from sticky positioning paired with a scrolling proof stack. Suited to storytelling layouts that want pinned headline copy beside evolving feature cards and up to three icon-led entries plus optional lead imagery.