Hero 278 block design & features
Hero278 is a two-column marketing hero built with Shadcn UI, mirroring the split slider pattern with copy and feature list leading on the left and a sticky crossfading image column on the right for desktop. Mobile stacks copy first, then the image, preserving reading order before the proof frame.
Primary and outline buttons carry the main actions, with the primary link showing a trailing arrow icon. Feature rows reuse soft rounded hover treatment and Lucide icons, with each row index mapping to the matching slide in the shared image set. The square-framed image stack crossfades over roughly half a second and resets when the pointer leaves the feature list.
Sticky positioning on the image column matches Hero277 but flips narrative priority to the left rail. Moderate complexity from one hover index, layered absolute images, and accessible hiding of inactive slides. Touch users keep the first slide until extended with tap behavior.