Hero 278 - Split hero with copy first and hover feature slides

Pro

A two-column marketing hero with dashed badge, headline, CTAs, and hover-driven icon features on the left, and a sticky crossfading image column on the right.

Description of the Hero 278 block design & features

Hero278 is the mirror band to Hero277: the same props contract, square-framed crossfade stack, and hover reset behavior, but the copy and feature list lead the grid on the left while the media column sits on the right for desktop. Mobile stacks copy first, then the image, which preserves reading order before the proof frame.

Shadcn UI buttons carry the primary link with a trailing arrow icon and the outline secondary. Feature rows reuse the soft rounded hover treatment and Lucide icons; each row index maps to the matching entry in the images array the way other hero-feature-slider slideshow blocks do.

Sticky positioning on the image column mirrors Hero277 on large breakpoints. Complexity is moderate: one useState index, layered absolute images, and accessible aria-hidden toggles on inactive slides.