Hero 102 block design & features
Hero102 is an announcement-themed hero built with Shadcn UI. The masthead nests a clickable Badge pairing a megaphone icon with muted changelog copy and a trailing arrow, followed by stacked bold title plus supporting muted paragraph centered inside a capped width and a single filled CTA. Below sits a bordered wide AspectRatio desktop capture with eased top corners, while an angled handset mock stacks at the trailing lower corner showing inset UI placeholders through the device frame.
Muted surfaces keep focus on typography rather than tinted chrome around the collage. Separation between handset and screenshot reads through light shadow layering.
Moderate complexity comes from juggling two devices with mismatched proportions. Replace both assets together so perspective and lighting remain believable.
Narrow breakpoints compress vertical spacing yet retain the handset overlap wherever the stylesheet still exposes room along the collage edge.