Hero 138 - Dark hero with wide media rail and tinted blur bed

Pro

A dark hero with two-tone headline, dual CTAs and footnote, supporting paragraph column, and a long horizontal media strip over colored blurred pillars.

Shadcn Hero 138 block

Component Data

  • ID:hero138
  • Access:pro
  • Created:Dec 27, 2024
  • Updated:Jun 3, 2026
  • Type:block

Hero 138 block design & features

Hero138 is a dark hero built with Shadcn UI that leads with a long headline split between muted and full foreground lines, then a row that pairs a filled CTA, ghost guide link with arrow, and a footnote about free trial timing opposite a wide explanatory paragraph.

Below, a shallow stage carries an extra-wide bordered image over a bed of tall rounded color panels softened by heavy blur for depth.

Polished SaaS aesthetic with cinematic width and soft neon accents under the rail. Elaborate layout due to the pseudo-element fades on the edges and multi-layer media stack.

The typography scales down on narrow breakpoints while the blurred color row still reads as ambient motion behind the main still.