Feature 120 - Split proof header with stat strip

Pro

A two-column hero-style row pairs headline, paragraph, paired avatars with titles, primary CTA, and a large rounded visual, then a separator and four headline stats in a grid.

Shadcn Feature 120 block

Component Data

  • ID:feature120
  • Access:pro
  • Created:Oct 16, 2024
  • Type:block

Feature 120 block design & features

Feature120 opens with a two-column layout built using Shadcn UI avatars, button, and separator components. On one side, a bold hero-scale heading, muted supporting paragraph, two side-by-side avatar rows with name and role metadata, and a filled primary call-to-action anchor the message. The opposite column shows a tall rounded illustration or screenshot with cover fit. A horizontal separator spans the container, then a four-up metrics grid presents large numerals with short explanatory lines in muted text.

Typography swings heavy at the top and transitions into compact stat labels below. Avatar rings use subtle outline treatment, while spacing keeps the leadership row visually grouped before the button. The numbers in the stat strip jump in size to act as scan-friendly proof points after the narrative block.

Overall this is a credibility-plus-capability section that blends people, product story, and aggregate numbers. Complexity sits between simple hero copy and a full metrics dashboard; you will want coherent leadership names, imagery that matches the claim, and defensible figures for the stat row.

The grid collapses to stacked columns on smaller breakpoints, with avatar pairs still aligned horizontally where space allows and statistics wrapping from two columns into one for readability on phones.