Hero 110 block design & features
Hero110 is a wide split hero built with shadcn/ui. The left column introduces a small rounded topic capsule, an extra-large multi-line headline, and a muted supporting paragraph. Two pill buttons sit side by side with text that slides upward on hover. Below that, a row of overlapping avatars pairs with five filled stars and a short trust line about user count.
The right column is image-led: three placeholders sit at different positions inside one aspect-ratio frame so they overlap in a stepped collage. Under the collage, a bordered panel holds a large quote icon and a testimonial paragraph in muted type.
Visually this is a SaaS-style hero with strong social proof and editorial stacking on the media side. Complexity is moderate thanks to the layered images, animated button labels, and dual-column rhythm.
On small screens the flex direction stacks the proof and copy block above the visual column while spacing stays generous.