Hero 10 block design & features
Hero10 is a centered single-column hero built with shadcn/ui. An outline badge introduces the section, followed by a bold headline, muted paragraph, and twin buttons for primary and secondary paths. A short caption leads into a responsive logo grid that showcases vendor marks in two columns on phones and four across on wider breakpoints.
A repeating geometric grid pattern spans the full section behind the content, masked so it fades toward the horizontal edges and stays subtle behind typography.
The block reads developer-tool launch or integration announcement: restrained chrome, emphasis on readable headline scale steps, and credibility via logos rather than photography.
Spacing grows between vertical rhythm groups so the logo band breathes away from the CTAs on large screens.