{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-4",
  "type": "registry:block",
  "description": "Multi-column footer with app store buttons, social icons, and link groups.",
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/blocks/footer/4/footer.tsx",
      "content": "\"use client\";\n\nimport {\n  FacebookIcon,\n  InstagramIcon,\n  LinkedinIcon,\n  TwitterIcon,\n} from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\n\nconst footerLinks = [\n  {\n    title: \"Company\",\n    links: [\n      { href: \"#\", label: \"The Linomore Blog\" },\n      { href: \"#\", label: \"Engineering Blog\" },\n      { href: \"#\", label: \"Marketplace\" },\n      { href: \"#\", label: \"What’s New\" },\n      { href: \"#\", label: \"About\" },\n      { href: \"#\", label: \"Press\" },\n      { href: \"#\", label: \"Careers\" },\n      { href: \"#\", label: \"Link in Bio\" },\n      { href: \"#\", label: \"Social Good\" },\n    ],\n  },\n  {\n    title: \"Community\",\n    links: [\n      { href: \"#\", label: \"Linktree for Enterprise\" },\n      { href: \"#\", label: \"2023 Creator Report\" },\n      { href: \"#\", label: \"2022 Creator Report\" },\n      { href: \"#\", label: \"Charities\" },\n      { href: \"#\", label: \"What’s Trending\" },\n      { href: \"#\", label: \"Creator Profile Directory\" },\n      { href: \"#\", label: \"Explore Templates\" },\n    ],\n  },\n  {\n    title: \"Support\",\n    links: [\n      { href: \"#\", label: \"Help Topics\" },\n      { href: \"#\", label: \"Getting Started\" },\n      { href: \"#\", label: \"Linoree Pro\" },\n      { href: \"#\", label: \"Features & How-tos\" },\n      { href: \"#\", label: \"FAQs\" },\n      { href: \"#\", label: \"Report a Violation\" },\n    ],\n  },\n  {\n    title: \"Legal\",\n    links: [\n      { href: \"#\", label: \"Terms & Conditions\" },\n      { href: \"#\", label: \"Privacy Notice\" },\n      { href: \"#\", label: \"Cookie Notice\" },\n      { href: \"#\", label: \"Trust Center\" },\n      { href: \"#\", label: \"Cookie Preferences\" },\n      { href: \"#\", label: \"Transparency Report\" },\n      { href: \"#\", label: \"Law Enforcement Access Policy\" },\n    ],\n  },\n];\n\nconst socialLinks = [\n  { icon: FacebookIcon, href: \"#\" },\n  { icon: InstagramIcon, href: \"#\" },\n  { icon: LinkedinIcon, href: \"#\" },\n  { icon: TwitterIcon, href: \"#\" },\n];\n\nexport function Footer() {\n  return (\n    <footer className=\"border-t\">\n      <div className=\"mx-auto max-w-6xl px-4 lg:px-6\">\n        {/* Grid container with headings and links */}\n        <div className=\"grid grid-cols-2 gap-8 py-8 md:grid-cols-4\">\n          {footerLinks.map((item) => (\n            <div key={item.title}>\n              <h3 className=\"mb-4 text-xs\">{item.title}</h3>\n              <ul className=\"space-y-2 text-muted-foreground text-sm\">\n                {item.links.map((link) => (\n                  <li key={link.label}>\n                    <a className=\"hover:text-foreground\" href={link.href}>\n                      {link.label}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n        <div className=\"h-px bg-border\" />\n        {/* Social Buttons + App Links */}\n        <div className=\"flex flex-wrap items-center justify-between gap-4 py-5\">\n          <div className=\"flex items-center gap-2\">\n            {socialLinks.map(({ icon: Icon, href }, index) => (\n              <Button\n                asChild\n                key={`social-${href}-${index}`} // More descriptive prefix\n                size=\"icon-sm\"\n                variant=\"outline\"\n              >\n                <a href={href}>\n                  <Icon />\n                </a>\n              </Button>\n            ))}\n          </div>\n\n          <div className=\"flex gap-4\">\n            <Button asChild className=\"h-11\">\n              <a href=\"#\">\n                <PlayStoreIcon className=\"size-5\" />\n                <div className=\"flex flex-col items-start justify-center pr-2 text-left\">\n                  <span className=\"font-light text-[10px] leading-none tracking-tighter\">\n                    GET IT ON\n                  </span>\n                  <p className=\"font-bold text-base leading-none\">\n                    Google Play\n                  </p>\n                </div>\n              </a>\n            </Button>\n\n            <Button asChild className=\"h-11\">\n              <a href=\"#\">\n                <AppleIcon className=\"size-5\" />\n                <div className=\"flex flex-col items-start justify-center pr-2 text-left\">\n                  <span className=\"text-[10px] leading-none tracking-tighter\">\n                    Download on the\n                  </span>\n                  <p className=\"font-bold text-base leading-none\">App Store</p>\n                </div>\n              </a>\n            </Button>\n          </div>\n        </div>\n        <div className=\"h-px bg-border\" />\n        <div className=\"py-4 text-center text-muted-foreground text-xs\">\n          <p>&copy; {new Date().getFullYear()} efferd, All rights reserved</p>\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nfunction PlayStoreIcon({\n  fill = \"currentColor\",\n  ...props\n}: React.ComponentProps<\"svg\">) {\n  return (\n    <svg fill={fill} viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"m21.762,9.942L4.67.378c-.721-.466-1.635-.504-2.393-.099-.768.411-1.246,1.208-1.246,2.08v19.282c0,.872.477,1.668,1.246,2.079.755.404,1.668.37,2.393-.098l17.092-9.564c.756-.423,1.207-1.192,1.207-2.058s-.451-1.635-1.207-2.058Zm-5.746-1.413l-2.36,2.36L5.302,2.534l10.714,5.995ZM2.604,21.906V2.094l9.941,9.906L2.604,21.906Zm2.698-.439l8.355-8.355,2.36,2.36-10.714,5.995Zm15.692-8.78l-3.552,1.987-2.674-2.674,2.674-2.674,3.552,1.987c.363.203.402.548.402.686s-.039.483-.402.686Z\" />\n    </svg>\n  );\n}\n\nfunction AppleIcon({\n  fill = \"currentColor\",\n  ...props\n}: React.ComponentProps<\"svg\">) {\n  return (\n    <svg fill={fill} viewBox=\"0 0 24 24\" {...props}>\n      <g id=\"_Group_2\">\n        <g id=\"_Group_3\">\n          <path\n            d=\"M18.546,12.763c0.024-1.87,1.004-3.597,2.597-4.576c-1.009-1.442-2.64-2.323-4.399-2.378    c-1.851-0.194-3.645,1.107-4.588,1.107c-0.961,0-2.413-1.088-3.977-1.056C6.122,5.927,4.25,7.068,3.249,8.867    c-2.131,3.69-0.542,9.114,1.5,12.097c1.022,1.461,2.215,3.092,3.778,3.035c1.529-0.063,2.1-0.975,3.945-0.975    c1.828,0,2.364,0.975,3.958,0.938c1.64-0.027,2.674-1.467,3.66-2.942c0.734-1.041,1.299-2.191,1.673-3.408    C19.815,16.788,18.548,14.879,18.546,12.763z\"\n            id=\"_Path_\"\n          />\n          <path\n            d=\"M15.535,3.847C16.429,2.773,16.87,1.393,16.763,0c-1.366,0.144-2.629,0.797-3.535,1.829    c-0.895,1.019-1.349,2.351-1.261,3.705C13.352,5.548,14.667,4.926,15.535,3.847z\"\n            id=\"_Path_2\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "height": "70vh"
  },
  "categories": [
    "footer"
  ]
}