Hero 235 - Full-height hero with soft blurs and feature columns

Pro

A tall hero using theme-colored blur orbs and a light striped grain, centered headline and primary CTA, and a three-column icon feature grid with vertical accents.

Shadcn Hero 235 block

Component Data

  • ID:hero235
  • Access:pro
  • Created:Feb 23, 2026
  • Type:block

Hero 235 block design & features

Hero235 is a shadcn/ui hero that fills the small viewport height with a capped maximum so previews on tall monitors stay under control. The background stacks large blurred circles drawn from theme chart and primary colors, plus a very subtle repeating line grain, all marked decorative for assistive tech. Centered content carries the headline, muted supporting copy, and a primary button with a trailing arrow.

The lower band holds three services: each column starts with a left border accent, an icon, a semibold title, and a short description. Layout splits from one column into three on large screens.

The aesthetic is atmospheric without relying on external bitmaps: softness comes from CSS blur and low-contrast patterning. Complexity is moderate because of the layered background, height rules, and the three content objects you must keep in sync.