Footer 23 block design & features
A Shadcn UI separator marks the top edge of the section. Below it, the left side holds a logo icon paired with a semibold title and a muted lorem-ipsum description. The right side wraps three navigation columns (Product, Company, Resources) with semibold headings and small muted links. At the bottom, an animated Magic UI Globe component fills a contained area, scaled up at larger breakpoints to extend partially beyond the container.
The globe renders as a 3D sphere with dotted landmass outlines, slowly rotating on a loop. It is positioned absolutely within a fixed-height overflow-hidden container, with scale transforms at medium and large breakpoints amplifying its visual presence. Link hover states switch to the primary color, and section headings use tight tracking.
The animated globe is the signature element, transforming a standard link-grid footer into something more visually memorable. The globe's overflow-hidden container ensures it stays contained despite the scale transforms, creating a peek-through effect.
On smaller screens the logo and navigation columns stack vertically, and the globe container uses a shorter fixed height. The globe maintains its animation at all breakpoints but appears at a reduced scale on narrow viewports.