Hero 151 - Split hero with testimonial row and image mosaic

Pro

A split hero with default blocks heading about Shadcn and Tailwind, CTA, avatar-group quote, and a two-by-two media collage with inset phone mock frame.

Shadcn Hero 151 block

Component Data

  • ID:hero151
  • Access:pro
  • Created:Dec 16, 2024
  • Type:block

Hero 151 block design & features

Hero151 is a split hero built with Shadcn UI pairing a text column that includes the default heading about Shadcn and Tailwind blocks, supporting copy, primary button, and a stacked avatar group with italic quote and attribution.

The media side is a square grid of rounded bordered images with one cell layering a phone mock PNG over a tall placeholder.

Developer-marketplace framing with strong social proof. Moderate complexity from the nested aspect ratios and phone composite.

The layout becomes a column stack on small screens with collage beneath the story.