Hero 241 - Tall hero with gradient beams and stat footer

Pro

A near full-height hero with collision-style beams backdrop, centered serif headline, supporting copy, dual rounded CTAs, and two-column stat strip separated by a vertical rule.

Figma

Description of the Hero 241 block design & features

Hero241 is a dramatic hero built with shadcn/ui buttons over Aceternity-style gradient beams that rise from a cool tinted base. Center content includes a Playfair headline about launch-ready interfaces, a tight paragraph, paired primary and secondary rounded buttons with arrow icons, and a bottom row quoting numeric stats with muted captions.

The beam layer stays pointer-inert while text sits in a high z-index stack. Footer stats use a thin divider between columns.

The mood is conference-keynote optimistic with a touch of finance due to the metrics row. Complexity is moderate: animated background, serif pairing, and anchored stats.

Mobile stacks stats vertically and softens vertical padding while keeping the beams visible.