Footer

import { Footer1 } from "@/components/blocks/footer-1"

export default function Footer1Demo() {
  return (
    <>
      <Footer1
        brandName="Fulldev UI"
        brandHref="/"
        description="Beautiful React components built with Tailwind CSS. Open source and ready to copy into your projects."
        socials={[
          {
            label: "GitHub",
            href: "https://github.com/fulldotdev/ui",
            icon: "github",
          },
          { label: "Discord", href: "https://discord.gg/", icon: "discord" },
          { label: "X", href: "https://x.com/", icon: "x" },
        ]}
        columns={[
          {
            title: "Product",
            links: [
              { label: "Components", href: "/components/" },
              { label: "Blocks", href: "/blocks/" },
              { label: "Pricing", href: "/blocks/pricing/" },
            ],
          },
          {
            title: "Resources",
            links: [
              { label: "Documentation", href: "/docs/" },
              { label: "Guides", href: "/docs/" },
              { label: "Examples", href: "/blocks/" },
            ],
          },
          {
            title: "Company",
            links: [
              { label: "About", href: "/" },
              { label: "Contact", href: "/blocks/contact/" },
              { label: "GitHub", href: "https://github.com/fulldotdev/ui" },
            ],
          },
        ]}
        copyright="© 2026 fulldev/ui"
      />
    </>
  )
}

import { Footer2 } from "@/components/blocks/footer-2"

export default function Footer2Demo() {
  return (
    <>
      <Footer2
        brandName="Fulldev UI"
        brandHref="/"
        description="Beautiful React components built with Tailwind CSS. Open source and ready to use."
        links={[
          { label: "Components", href: "/components/" },
          { label: "Blocks", href: "/blocks/" },
          { label: "Docs", href: "/docs/" },
          { label: "GitHub", href: "https://github.com/fulldotdev/ui" },
        ]}
        socials={[
          {
            label: "GitHub",
            href: "https://github.com/fulldotdev/ui",
            icon: "github",
          },
          { label: "Discord", href: "https://discord.gg/", icon: "discord" },
          { label: "X", href: "https://x.com/", icon: "x" },
        ]}
        copyright="© 2026 fulldev/ui"
        navigationLabel="Footer 2 navigation"
      />
    </>
  )
}

import { Footer3 } from "@/components/blocks/footer-3"

export default function Footer3Demo() {
  return (
    <>
      <Footer3
        brandName="Fulldev UI"
        brandHref="/"
        description="Beautiful React components built with Tailwind CSS. Open source and ready to copy into your projects."
        socials={[
          {
            label: "GitHub",
            href: "https://github.com/fulldotdev/ui",
            icon: "github",
          },
          { label: "Discord", href: "https://discord.gg/", icon: "discord" },
          { label: "X", href: "https://x.com/", icon: "x" },
        ]}
        columns={[
          {
            title: "Product",
            links: [
              { label: "Components", href: "/components/" },
              { label: "Blocks", href: "/blocks/" },
              { label: "Pricing", href: "/blocks/pricing/" },
            ],
          },
          {
            title: "Resources",
            links: [
              { label: "Documentation", href: "/docs/" },
              { label: "Guides", href: "/docs/" },
              { label: "Examples", href: "/blocks/" },
            ],
          },
          {
            title: "Company",
            links: [
              { label: "About", href: "/" },
              { label: "Contact", href: "/blocks/contact/" },
              { label: "GitHub", href: "https://github.com/fulldotdev/ui" },
            ],
          },
        ]}
        copyright="© 2026 fulldev/ui"
        bottomLinks={[
          { label: "Privacy", href: "/" },
          { label: "Terms", href: "/" },
          { label: "Sitemap", href: "/" },
        ]}
        navigationLabel="Footer 3 navigation"
      />
    </>
  )
}