Connect Hub

A responsive "hub and spoke" hero component built for integration, partner, and ecosystem pages. Your brand mark sits in a metallic, cursor-reactive tile at the center, connected by animated lines to six surrounding logo cards — with a drifting starfield, soft comet pulses along the connectors, and film grain for texture.

Everything is customizable straight from the properties panel: swap in your own brand mark and all six partner/integration logos, pick from four glow palettes (Sunset, Ocean, Mint, Gold), set a custom accent color, tune animation speed, or turn off the starfield entirely. Fully responsive — automatically switches to a stacked mobile layout at narrower widths.

Built with performance in mind: animations pause automatically when the component is off-screen and disable entirely in static renders, so it stays smooth wherever you drop it.