Hero 29 - Centered hero with blurred gradient field and ratings capsule

Pro

A centered hero built with shadcn/ui buttons that floats headline, twin CTAs, star rating capsule, and raised bordered media above an SVG wash with soft circular blooms.

Shadcn Hero 29 block

Component data

ID
hero29
Access
pro
Created
Aug 5, 2024
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Hero 29 block design & features

Hero29 stacks centered typography above commerce-minded controls: outline-first workflow mirrors typical signup friction messaging while the solid primary invites demos. Beneath the button pair, a pill-shaped capsule aligns stars, numeric rating, and total reviews across one muted strip.

The background plane renders soft blurred discs intersected by a faint squared lattice so the foreground remains readable without photographic clutter.

A bordered inset panel lifts hero imagery slightly negative into the following section, creating overlap continuity rather than a hard cutoff.

Props expose headings, buttons, review aggregates, and image URLs so teams can tune SaaS launches quickly without rewriting layout primitives.