{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-3",
  "registryDependencies": [
    "@fulldev/logo",
    "@fulldev/section",
    "@fulldev/separator",
    "@fulldev/icon"
  ],
  "files": [
    {
      "path": "src/components/blocks/footer-3.astro",
      "content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n  class?: string\n  brandName: string\n  brandHref: string\n  description: string\n  socials?: {\n    label: string\n    href: string\n    icon: string\n  }[]\n  columns: {\n    title: string\n    links: {\n      label: string\n      href: string\n    }[]\n  }[]\n  copyright: string\n  bottomLinks?: {\n    label: string\n    href: string\n  }[]\n}\n\nconst {\n  class: className,\n  brandName,\n  brandHref,\n  description,\n  socials,\n  columns,\n  copyright,\n  bottomLinks,\n} = Astro.props\n---\n\n<footer class={cn(\"\", className)}>\n  <Section class=\"py-16 lg:py-20\">\n    <SectionContainer>\n      <div class=\"grid gap-10 lg:grid-cols-[1fr_2fr]\">\n        <div class=\"flex flex-col gap-5\">\n          <Logo href={brandHref}>\n            <LogoText>{brandName}</LogoText>\n          </Logo>\n          <p class=\"text-muted-foreground max-w-xs text-sm leading-relaxed\">\n            {description}\n          </p>\n          {\n            socials && socials.length > 0 && (\n              <div class=\"flex items-center gap-3\">\n                {socials.map((social) => (\n                  <a\n                    href={social.href}\n                    class=\"text-muted-foreground hover:text-foreground transition-colors\"\n                    aria-label={social.label}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    <Icon name={social.icon} class=\"size-4\" />\n                  </a>\n                ))}\n              </div>\n            )\n          }\n        </div>\n        <div class=\"grid gap-8 sm:grid-cols-3\">\n          {\n            columns.map((column) => (\n              <div class=\"flex flex-col gap-3\">\n                <p class=\"text-sm font-medium\">{column.title}</p>\n                <ul class=\"flex flex-col gap-2.5\">\n                  {column.links.map((link) => (\n                    <li>\n                      <a\n                        href={link.href}\n                        class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                      >\n                        {link.label}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))\n          }\n        </div>\n      </div>\n      <Separator />\n      <div\n        class=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\"\n      >\n        <p class=\"text-muted-foreground text-sm\">{copyright}</p>\n        {\n          bottomLinks && bottomLinks.length > 0 && (\n            <nav class=\"flex flex-wrap items-center gap-x-5 gap-y-2\">\n              {bottomLinks.map((link) => (\n                <a\n                  href={link.href}\n                  class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                >\n                  {link.label}\n                </a>\n              ))}\n            </nav>\n          )\n        }\n      </div>\n    </SectionContainer>\n  </Section>\n</footer>\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}