Hero 232 - Full-viewport centered hero with side arcs

Pro

A minimum full-screen hero with pill kicker, masked headline block around a shadow word, dual CTAs, and large muted SVG arcs along both sides on desktop.

Shadcn Hero 232 block

Component Data

  • ID:hero232
  • Access:pro
  • Created:May 4, 2025
  • Type:block

Hero 232 block design & features

Hero232 is a tall centered hero built with Shadcn UI and Magic UI line-shadow text. The central stack hides part of the headline with a background slab so the shadow word reads as a reveal, flanked by muted prefix and suffix copy. Two pill buttons sit beneath with arrow hover motion. Large curved stroke decorations flank the viewport on wide screens.

Motion is mostly static aside from standard button interactions. Typography scales sharply at large breakpoints.

The result feels editorial and premium, aimed at productivity or tool marketing with a confident center column. The side arcs are the signature flourish; without them the block still works as a clean centered hero.

Side SVGs hide on smaller breakpoints, leaving the core centered layout.