{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["button","@efferd/logo","@efferd/apple-icon","@efferd/facebook-icon","@efferd/google-play-icon","@efferd/instagram-icon","@efferd/linkedin-icon","@efferd/x-icon"],"name":"footer-5","description":"Multi-column footer with app store buttons, social icons, and link groups.","categories":["footer"],"files":[{"path":"registry/blocks/footer/5/footer.tsx","type":"registry:component","content":"\"use client\";\n\nimport { AppleIcon } from \"@/components/icons/apple-icon\";\nimport { FacebookIcon } from \"@/components/icons/facebook-icon\";\nimport { GooglePlayIcon } from \"@/components/icons/google-play-icon\";\nimport { InstagramIcon } from \"@/components/icons/instagram-icon\";\nimport { LinkedinIcon } from \"@/components/icons/linkedin-icon\";\nimport { XIcon } from \"@/components/icons/x-icon\";\nimport { Button } from \"@/components/ui/button\";\n\nexport function Footer() {\n\treturn (\n\t\t<footer className=\"border-t\">\n\t\t\t<div className=\"mx-auto max-w-6xl px-4 lg:px-6\">\n\t\t\t\t{/* Grid container with headings and links */}\n\t\t\t\t<div className=\"grid grid-cols-2 gap-8 py-8 md:grid-cols-4\">\n\t\t\t\t\t{footerLinks.map((item) => (\n\t\t\t\t\t\t<div key={item.title}>\n\t\t\t\t\t\t\t<h3 className=\"mb-4 text-xs\">{item.title}</h3>\n\t\t\t\t\t\t\t<ul className=\"space-y-2 text-muted-foreground text-sm\">\n\t\t\t\t\t\t\t\t{item.links.map((link) => (\n\t\t\t\t\t\t\t\t\t<li key={link.label}>\n\t\t\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\t\t{link.label}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"h-px bg-border\" />\n\t\t\t\t{/* Social Buttons + App Links */}\n\t\t\t\t<div className=\"flex flex-wrap items-center justify-between gap-4 py-5\">\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{socialLinks.map(({ icon, href }, 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-${href}-${index}`} // More descriptive prefix\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={href}>{icon}</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\n\t\t\t\t\t<div className=\"flex gap-4\">\n\t\t\t\t\t\t<Button asChild className=\"h-11\">\n\t\t\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\t\t\t\t<GooglePlayIcon className=\"size-5\" />\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col items-start justify-center pr-2 text-left\">\n\t\t\t\t\t\t\t\t\t<span className=\"font-light text-[10px] leading-none tracking-tighter\">\n\t\t\t\t\t\t\t\t\t\tGET IT ON\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p className=\"font-bold text-base leading-none\">\n\t\t\t\t\t\t\t\t\t\tGoogle Play\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button asChild className=\"h-11\">\n\t\t\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\t\t\t\t<AppleIcon className=\"size-5\" />\n\t\t\t\t\t\t\t\t<div className=\"flex flex-col items-start justify-center pr-2 text-left\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-[10px] leading-none tracking-tighter\">\n\t\t\t\t\t\t\t\t\t\tDownload on the\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<p className=\"font-bold text-base leading-none\">App Store</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"h-px bg-border\" />\n\t\t\t\t<div className=\"py-4 text-center text-muted-foreground text-xs\">\n\t\t\t\t\t<p>&copy; {new Date().getFullYear()} efferd, All rights reserved</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</footer>\n\t);\n}\n\nconst footerLinks = [\n\t{\n\t\ttitle: \"Company\",\n\t\tlinks: [\n\t\t\t{ href: \"#\", label: \"Engineering Blog\" },\n\t\t\t{ href: \"#\", label: \"Marketplace\" },\n\t\t\t{ href: \"#\", label: \"What’s New\" },\n\t\t\t{ href: \"#\", label: \"About\" },\n\t\t\t{ href: \"#\", label: \"Press\" },\n\t\t\t{ href: \"#\", label: \"Careers\" },\n\t\t\t{ href: \"#\", label: \"Social Good\" },\n\t\t],\n\t},\n\t{\n\t\ttitle: \"Community\",\n\t\tlinks: [\n\t\t\t{ href: \"#\", label: \"Linktree for Enterprise\" },\n\t\t\t{ href: \"#\", label: \"2023 Creator Report\" },\n\t\t\t{ href: \"#\", label: \"2022 Creator Report\" },\n\t\t\t{ href: \"#\", label: \"Charities\" },\n\t\t\t{ href: \"#\", label: \"What’s Trending\" },\n\t\t\t{ href: \"#\", label: \"Creator Profile Directory\" },\n\t\t\t{ href: \"#\", label: \"Explore Templates\" },\n\t\t],\n\t},\n\t{\n\t\ttitle: \"Support\",\n\t\tlinks: [\n\t\t\t{ href: \"#\", label: \"Help Topics\" },\n\t\t\t{ href: \"#\", label: \"Getting Started\" },\n\t\t\t{ href: \"#\", label: \"Linoree Pro\" },\n\t\t\t{ href: \"#\", label: \"Features & How-tos\" },\n\t\t\t{ href: \"#\", label: \"FAQs\" },\n\t\t\t{ href: \"#\", label: \"Report a Violation\" },\n\t\t],\n\t},\n\t{\n\t\ttitle: \"Legal\",\n\t\tlinks: [\n\t\t\t{ href: \"#\", label: \"Terms & Conditions\" },\n\t\t\t{ href: \"#\", label: \"Privacy Notice\" },\n\t\t\t{ href: \"#\", label: \"Cookie Notice\" },\n\t\t\t{ href: \"#\", label: \"Trust Center\" },\n\t\t\t{ href: \"#\", label: \"Cookie Preferences\" },\n\t\t\t{ href: \"#\", label: \"Transparency Report\" },\n\t\t\t{ href: \"#\", label: \"Law Enforcement Access Policy\" },\n\t\t],\n\t},\n];\n\nconst socialLinks = [\n\t{\n\t\ticon: <FacebookIcon />,\n\t\thref: \"#\",\n\t},\n\t{\n\t\ticon: <InstagramIcon />,\n\t\thref: \"#\",\n\t},\n\t{\n\t\ticon: <LinkedinIcon />,\n\t\thref: \"#\",\n\t},\n\t{\n\t\ticon: <XIcon />,\n\t\thref: \"#\",\n\t},\n];\n"}]}