Hero 225 - Centered hero with orbiting integration logos

Pro

A centered hero with kicker, large heading, four concentric orbiting logo rings, gradient fade, and anchored pill CTA.

Shadcn Hero 225 block

Component data

ID
hero225
Access
pro
Created
May 4, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Hero 225 block design & features

Hero225 is a centered hero built with shadcn/ui and orbiting circles under pinned integration content. A short kicker and cal-style headline sit above a deep stage where four rings rotate at different radii and speeds, each carrying small logo tiles. A bottom gradient masks the orbit stack into the page background, and a single secondary pill button links out over the fade.

Logos are image-driven from placeholder integration data you can swap. Motion is continuous orbit with alternating directions on some rings.

The feel is integrations-heavy and futuristic without a single hero raster. Complexity is moderate: you need enough brand marks to fill all four rings cleanly.

On small widths the orbit area still centers but vertical space grows; the CTA remains centered at the bottom of the stage.