Behive Tech Component Registry

Site Footer

v0.1.2Draft

Site footer with a brand, grouped navigation links, free content and a legal line; the groups stack on small screens and sit in columns from the medium breakpoint.

pnpm add @behivetech/organisms.site-footer

Edit the code and the preview updates as you type. Every registry export is in scope — SiteFooter from this package, plus React hooks and every other component in the registry.

PlaygroundOpen in new tab
const BasicSiteFooter = () => (
  <SiteFooter
    brand="The BeHive"
    legal="© 2026 The BeHive"
    groups={[
      {
        title: "Your stay",
        links: [
          { label: "House guide", href: "#guide" },
          { label: "Wifi", href: "#wifi" },
        ],
      },
      { title: "Art", links: [{ label: "The artists", href: "#artists" }] },
    ]}
  >
    <a href="mailto:hello@example.com">hello@example.com</a>
  </SiteFooter>
);

render(<BasicSiteFooter />);