{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["button","@efferd/logo","@efferd/github-icon","@efferd/x-icon"],"name":"footer-1","description":"Simple layout with logo, nav links, and social icons.","categories":["footer"],"files":[{"path":"registry/blocks/footer/1/footer.tsx","type":"registry:component","content":"import { GithubIcon } from \"@/components/icons/github-icon\";\nimport { XIcon } from \"@/components/icons/x-icon\";\nimport { Logo } from \"@/components/logo\";\nimport { Button } from \"@/components/ui/button\";\n\nconst navLinks = [\n\t{ href: \"#\", label: \"Features\" },\n\t{ href: \"#\", label: \"Blog\" },\n\t{ href: \"#\", label: \"About\" },\n\t{ href: \"#\", label: \"Contact\" },\n\t{ href: \"#\", label: \"Licence\" },\n\t{ href: \"#\", label: \"Privacy\" },\n];\n\nconst socialLinks = [\n\t{\n\t\thref: \"#\",\n\t\tlabel: \"X\",\n\t\ticon: <XIcon />,\n\t},\n\t{\n\t\thref: \"#\",\n\t\tlabel: \"Github\",\n\t\ticon: <GithubIcon />,\n\t},\n];\n\nexport function Footer() {\n\treturn (\n\t\t<footer className=\"mx-auto max-w-5xl *:px-4 *:md:px-6\">\n\t\t\t<div className=\"flex flex-col gap-6 py-6\">\n\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Logo className=\"h-4.5\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center\">\n\t\t\t\t\t\t{socialLinks.map(({ href, label, icon }) => (\n\t\t\t\t\t\t\t<Button asChild key={label} size=\"icon\" variant=\"ghost\">\n\t\t\t\t\t\t\t\t<a aria-label={label} href={href}>\n\t\t\t\t\t\t\t\t\t{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\n\t\t\t\t<nav>\n\t\t\t\t\t<ul className=\"flex flex-wrap gap-4 font-medium text-muted-foreground text-sm md:gap-6\">\n\t\t\t\t\t\t{navLinks.map((link) => (\n\t\t\t\t\t\t\t<li key={link.label}>\n\t\t\t\t\t\t\t\t<a className=\"hover:text-foreground\" href={link.href}>\n\t\t\t\t\t\t\t\t\t{link.label}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</div>\n\n\t\t\t<div className=\"flex items-center justify-between gap-4 border-t py-4 text-muted-foreground text-sm\">\n\t\t\t\t<p>&copy; {new Date().getFullYear()} efferd</p>\n\n\t\t\t\t<p className=\"inline-flex items-center gap-1\">\n\t\t\t\t\t<span>Built by</span>\n\t\t\t\t\t<a\n\t\t\t\t\t\taria-label=\"x/twitter\"\n\t\t\t\t\t\tclassName=\"inline-flex items-center gap-1 text-foreground/80 hover:text-foreground hover:underline\"\n\t\t\t\t\t\thref={\"https://x.com/shabanhr\"}\n\t\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\talt=\"shaban\"\n\t\t\t\t\t\t\tclassName=\"size-4 rounded-full\"\n\t\t\t\t\t\t\theight=\"auto\"\n\t\t\t\t\t\t\tsrc=\"https://github.com/shabanhr.png\"\n\t\t\t\t\t\t\twidth=\"auto\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\tShaban\n\t\t\t\t\t</a>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</footer>\n\t);\n}\n"}]}