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

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.