Shadcn UI Hero Block
Hero249 is a marketing section built with shadcn/ui plus marquee and globe add-ons, split into two horizontal bands with top and bottom borders. The upper grid pairs copy with a Magic UI globe: the headline splits emphasis between solid and muted spans, two paragraphs explain remote collaboration, and a large button invites a demo. The globe column centers the visualization with a sensible minimum height so the sphere never collapses.
The lower band uses two columns on large screens: a short caption on the left and an auto-scrolling marquee on the right. Logos render grayscale with slight opacity and invert in dark mode; marquee fade components soften both edges.
This block leans on third-party motion for the globe and scrollers, so it feels more theatrical than a static hero. You need a set of partner SVG marks and acceptable performance budget for continuous animation.
On narrow widths the globe drops under the text and the marquee spans full width beneath the caption so nothing shrinks unreadably.
Dependencies
| Package | Type |
|---|---|
marquee @kibo-ui | Registry |
globe @magicui | Registry |
button @shadcn | Registry |