{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "simple-footer",
  "type": "registry:block",
  "title": "Simple footer",
  "description": "Simple footer",
  "files": [
    {
      "path": "components/usages/simplefooterusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport FooterThird from \"@/registry/open-source/simple-footer\";\r\n\r\nexport default function Usage() {\r\n\treturn (\r\n\t\t<div className=\"h-screen w-full flex items-center justify-center relative overflow-hidden bg-background\">\r\n\t\t\t<FooterThird />\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:block",
      "target": "~/example.tsx"
    },
    {
      "path": "components/usages/simplefooterusage.tsx",
      "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport FooterThird from \"@/registry/open-source/simple-footer\";\r\n\r\nexport default function Usage() {\r\n\treturn (\r\n\t\t<div className=\"h-screen w-full flex items-center justify-center relative overflow-hidden bg-background\">\r\n\t\t\t<FooterThird />\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/open-source/simple-footer.tsx",
      "content": "import React from \"react\";\r\n\r\nimport Link from \"next/link\";\r\n\r\nimport { Facebook, Github, Linkedin, Twitter } from \"lucide-react\";\r\n\r\n// Chnage this with your own data\r\nconst defaultNavigationLinks = [\r\n\t{ href: \"/about\", label: \"About Us\" },\r\n\t{ href: \"/services\", label: \"Services\" },\r\n\t{ href: \"/blog\", label: \"Blog\" },\r\n\t{ href: \"/contact\", label: \"Contact\" },\r\n];\r\n\r\nconst defaultSocialLinks = [\r\n\t{\r\n\t\thref: \"https://facebook.com\",\r\n\t\ticon: <Facebook size={24} />,\r\n\t\thoverColor: \"text-foreground\",\r\n\t},\r\n\t{\r\n\t\thref: \"https://x.com/ayushmxxn\",\r\n\t\ticon: <Twitter size={24} />,\r\n\t\thoverColor: \"text-foreground\",\r\n\t},\r\n\t{\r\n\t\thref: \"https://linkedin.com\",\r\n\t\ticon: <Linkedin size={24} />,\r\n\t\thoverColor: \"text-foreground\",\r\n\t},\r\n\t{\r\n\t\thref: \"https://github.com/ayushmxxn\",\r\n\t\ticon: <Github size={24} />,\r\n\t\thoverColor: \"text-foreground\",\r\n\t},\r\n];\r\n\r\nconst FooterThird = ({\r\n\tbrandName = \"BrandName\",\r\n\tnavigationLinks = defaultNavigationLinks,\r\n\tsocialLinks = defaultSocialLinks,\r\n}) => {\r\n\treturn (\r\n\t\t<footer className=\"bg-background text-foreground\">\r\n\t\t\t<div className=\"max-w-7xl mx-auto px-4 py-8 sm:px-6 lg:px-8\">\r\n\t\t\t\t<div className=\"flex flex-col sm:flex-row justify-between items-center space-y-6 sm:space-y-0\">\r\n\t\t\t\t\t{/* Logo */}\r\n\t\t\t\t\t<div className=\"text-xl font-bold\">\r\n\t\t\t\t\t\t<Link href=\"/\" className=\"text-foreground hover:text-foreground\">\r\n\t\t\t\t\t\t\t{brandName}\r\n\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{/* Navigation Links */}\r\n\t\t\t\t\t<div className=\"flex flex-wrap justify-center space-x-6 text-sm\">\r\n\t\t\t\t\t\t{navigationLinks.map((link) => (\r\n\t\t\t\t\t\t\t<Link\r\n\t\t\t\t\t\t\t\tkey={link.href}\r\n\t\t\t\t\t\t\t\thref={link.href}\r\n\t\t\t\t\t\t\t\tclassName=\"hover:text-foreground\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{link.label}\r\n\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{/* Social Icons */}\r\n\t\t\t\t\t<div className=\"flex flex-wrap justify-center space-x-4 text-foreground\">\r\n\t\t\t\t\t\t{socialLinks.map((social) => (\r\n\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\tkey={social.href}\r\n\t\t\t\t\t\t\t\thref={social.href}\r\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\r\n\t\t\t\t\t\t\t\tclassName={`hover:${\r\n\t\t\t\t\t\t\t\t\tsocial.hoverColor || \"text-foreground\"\r\n\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{social.icon}\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"border-t border-gray-200 mt-5\">\r\n\t\t\t\t\t<div className=\"mt-5 text-center text-sm text-foreground\">\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t&copy; {new Date().getFullYear()} {brandName}. All rights\r\n\t\t\t\t\t\t\treserved.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</footer>\r\n\t);\r\n};\r\n\r\nexport default FooterThird;\r\n",
      "type": "registry:ui"
    }
  ]
}