Hero 76 - Split SaaS hero with dot pattern, logo strip, and product preview

Pro

Left-aligned split hero with radial dot background, soft glow accents, badge pill, dual CTAs, bordered logo strip, and aspect-ratio product preview with theme-aware dark image support.

Shadcn Hero 76 block

Component Data

  • ID:hero76
  • Access:pro
  • Created:Sep 26, 2025
  • Updated:Jun 3, 2026
  • Type:block

Hero 76 block design & features

Hero76 uses a two-column layout on large screens: copy, badge, buttons, and a bordered logo strip on the left; product screenshot on the right inside a framed card with a subtle gradient halo.

A radial dot pattern and soft primary or chart glows differentiate the backdrop from grid-based hero-saas siblings. Logos render in a static strip (not a marquee) with an optional label from the hero-saas content pack.

Swap pack content or images without changing the layout primitives.