Hero 116 block design & features
Hero116 is a top-heavy hero built with Shadcn UI using DM Sans. Upper content is centered: a very large tight headline about software growth, a wide paragraph about signup support, then two rounded buttons where the first includes a play icon and duplicate text line animation on hover and opens a presentation dialog with an embed, while the second is an outline get-started control with the same sliding label trick.
Below, a wide bordered frame defines a stage where four photos sit at different corners, partly overlapping the box edges so the composition feels like scattered prints on a pinboard. Each image keeps its own aspect ratio wrapper.
The look is bright, typographic, and gallery-like with marketing polish. Elaboration comes from the quad photo choreography plus dual interactive buttons and modal video.
Vertical padding on the grid section is percentage-based so the collage breathes on large screens while the dialog stays a fixed max width for comfortable viewing.