Footer

Storybook

Import

import { Footer } from "@/brand/components/footer"

Usage

<Footer
  navigation={[
    {
      heading: "Lorem",
      children: [
        { label: "Ipsum", href: "/" },
        { label: "Dolor", href: "/" },
        { label: "Sit", href: "/" },
      ],
    },
    {
      heading: "Amet",
      children: [
        { label: "Consectetur", href: "/" },
        { label: "Adipiscing", href: "/" },
        { label: "Elit", href: "/" },
      ],
    },
    {
      heading: "Sed",
      children: [
        { label: "Eiusmod", href: "/" },
        { label: "Tempor", href: "/" },
        { label: "Incididunt", href: "/" },
      ],
    },
    {
      heading: "Labore",
      children: [
        { label: "Dolore", href: "/" },
        { label: "Magna", href: "/" },
        { label: "Aliqua", href: "/" },
      ],
    },
  ]}
  socialMediaUrls={{
    facebookUrl: "https://www.facebook.com",
    instagramUrl: "https://www.instagram.com",
    twitterUrl: "https://www.twitter.com",
    githubUrl: "https://www.github.com",
    youtubeUrl: "https://www.youtube.com",
  }}
/>