Hero 167 block design & features
Hero167 is a marketing hero built with Shadcn UI that pairs copy on the left with a scenic stack on the right. Headline and body target healthcare workflow language; under them, two pill outline buttons carry short award-style labels and arrow icons, inverting to filled dark backgrounds on hover with a soft drop shadow. The visual column is a tall warm-to-mint gradient field with absolutely positioned landscape and portrait frames staggered for depth.
Black keylines on pills echo editorial badges more than standard filled CTAs. Imagery crops stay rounded and shadowed so the overlap reads deliberate.
Polished and service-oriented without heavy chrome. You need two strong photos with compatible color temperature for the gradient bed to feel cohesive.
The gradient column bleeds wider than the text column on desktop; narrow layouts stack image block below with preserved offsets.