{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["button","@efferd/logo","@efferd/github-icon","@efferd/instagram-icon","@efferd/x-icon"],"name":"footer-2","description":"Clean footer with company links, resources, and social icons.","categories":["footer"],"files":[{"path":"registry/blocks/footer/2/footer.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport { GithubIcon } from \"@/components/icons/github-icon\";\nimport { InstagramIcon } from \"@/components/icons/instagram-icon\";\nimport { XIcon } from \"@/components/icons/x-icon\";\nimport { Logo } from \"@/components/logo\";\nimport { Button } from \"@/components/ui/button\";\nimport { FullWidthDivider } from \"@/components/full-width-divider\";\n\nexport function Footer() {\n\treturn (\n\t\t<footer\n\t\t\tclassName={cn(\n\t\t\t\t\"relative mx-auto max-w-5xl lg:border-x\",\n\t\t\t\t\"dark:bg-[radial-gradient(35%_80%_at_15%_0%,--theme(--color-foreground/.1),transparent)]\"\n\t\t\t)}\n\t\t>\n\t\t\t<FullWidthDivider position=\"top\" />\n\t\t\t<div className=\"grid max-w-5xl grid-cols-6 gap-6 p-4\">\n\t\t\t\t<div className=\"col-span-6 flex flex-col gap-4 pt-5 md:col-span-4\">\n\t\t\t\t\t<a className=\"w-max\" href=\"#\">\n\t\t\t\t\t\t<Logo className=\"h-5\" />\n\t\t\t\t\t</a>\n\t\t\t\t\t<p className=\"max-w-sm text-balance text-muted-foreground text-sm\">\n\t\t\t\t\t\tBeautify your app with efferd.\n\t\t\t\t\t</p>\n\t\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t\t{socialLinks.map((item, index) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t\tkey={`social-${item.link}-${index}`}\n\t\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<a href={item.link} target=\"_blank\">\n\t\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"col-span-3 w-full md:col-span-1\">\n\t\t\t\t\t<span className=\"text-muted-foreground text-xs\">Resources</span>\n\t\t\t\t\t<div className=\"mt-2 flex flex-col gap-2\">\n\t\t\t\t\t\t{resources.map(({ href, title }) => (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName=\"w-max text-sm hover:underline\"\n\t\t\t\t\t\t\t\thref={href}\n\t\t\t\t\t\t\t\tkey={title}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"col-span-3 w-full md:col-span-1\">\n\t\t\t\t\t<span className=\"text-muted-foreground text-xs\">Company</span>\n\t\t\t\t\t<div className=\"mt-2 flex flex-col gap-2\">\n\t\t\t\t\t\t{company.map(({ href, title }) => (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName=\"w-max text-sm hover:underline\"\n\t\t\t\t\t\t\t\thref={href}\n\t\t\t\t\t\t\t\tkey={title}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<FullWidthDivider />\n\t\t\t<div className=\"flex items-center justify-center gap-2 py-4\">\n\t\t\t\t<p className=\"text-center font-light text-muted-foreground text-sm\">\n\t\t\t\t\t&copy; {new Date().getFullYear()} efferd, All rights reserved\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</footer>\n\t);\n}\n\nconst company = [\n\t{\n\t\ttitle: \"About Us\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Careers\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Brand assets\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Privacy Policy\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Terms of Service\",\n\t\thref: \"#\",\n\t},\n];\n\nconst resources = [\n\t{\n\t\ttitle: \"Blog\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Help Center\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Contact Support\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Community\",\n\t\thref: \"#\",\n\t},\n\t{\n\t\ttitle: \"Security\",\n\t\thref: \"#\",\n\t},\n];\n\nconst socialLinks = [\n\t{\n\t\ticon: <GithubIcon />,\n\t\tlink: \"#\",\n\t},\n\t{\n\t\ticon: <InstagramIcon />,\n\t\tlink: \"#\",\n\t},\n\t{\n\t\ticon: <XIcon />,\n\t\tlink: \"#\",\n\t},\n];\n"}]}