{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer",
  "title": "Footer",
  "description": "component for the Footer",
  "registryDependencies": [
    "button",
    "@spectrumui/icon-dependencies"
  ],
  "files": [
    {
      "path": "app/registry/footer/usage/footer.tsx",
      "content": "\"use client\";\nimport Link from \"next/link\";\n\nimport { Button } from \"@/components/ui/button\";\n\nexport default function Footer() {\n  return (\n    <footer className=\" py-12 px-4 md:px-6 z-50\">\n      <div className=\"container mx-auto\">\n        <div className=\"flex flex-col md:flex-row justify-between\">\n          <div className=\"mb-8 md:mb-0\">\n            <Link href=\"/\" className=\"flex items-center gap-2\">\n              <h2 className=\"text-lg font-bold\">Spectrum UI</h2>\n            </Link>\n\n            <h1 className=\"dark:text-gray-300 mt-4\">\n              Build by{\" \"}\n              <span className=\"dark:text-[#039ee4]\">\n                <Link href=\"https://x.com/arihantCodes\">@Arihantjain</Link>\n              </span>\n            </h1>\n            <div className=\"mt-2\">\n              <Link href=\"https://x.com/compose/tweet?text=I%27ve%20been%20using%20%23SpectrumUI%20 share%20yourtought%20%40arihantCodes%20\">\n                <Button variant=\"secondary\">Share Your Thoughts On</Button>\n              </Link>\n            </div>\n            <p className=\"text-sm dark:text-gray-400 mt-5\">\n              © {new Date().getFullYear()} Spectrum UI. All rights reserved.\n            </p>\n          </div>\n          <div className=\"grid grid-cols-2 md:grid-cols-4 gap-8\">\n            <div>\n              <h3 className=\"font-semibold mb-4\">Pages</h3>\n              <ul className=\"space-y-2\">\n                <li>\n                  <Link\n                    href=\"/docs\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    Docs\n                  </Link>\n                </li>\n\n                <li>\n                  <Link\n                    href=\"/colors\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    Colors\n                  </Link>\n                </li>\n              </ul>\n            </div>\n            <div>\n              <h3 className=\"font-semibold mb-4\">Socials</h3>\n              <ul className=\"space-y-2\">\n                <li>\n                  <Link\n                    href=\"https://github.com/arihantcodes/spectrum-ui\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    Github\n                  </Link>\n                </li>\n                <li>\n                  <Link\n                    href=\"https://www.linkedin.com/in/arihantcodes\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    LinkedIn\n                  </Link>\n                </li>\n                <li>\n                  <Link\n                    href=\"https://x.com/arihantcodes\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    X\n                  </Link>\n                </li>\n              </ul>\n            </div>\n            <div>\n              <h3 className=\"font-semibold mb-4\">Legal</h3>\n              <ul className=\"space-y-2\">\n                <li>\n                  <Link\n                    href=\"/privacy-policy\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    Privacy Policy\n                  </Link>\n                </li>\n                <li>\n                  <Link\n                    href=\"/tos\"\n                    className=\"text-gray-600 hover:text-black dark:text-gray-400 dark:hover:text-white\"\n                  >\n                    Terms of Service\n                  </Link>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className=\" w-full flex mt-4 items-center justify-center   \">\n          <h1 className=\"text-center text-3xl md:text-5xl lg:text-[10rem] font-bold bg-clip-text text-transparent bg-linear-to-b from-neutral-700 to-neutral-900 select-none\">\n            SPECTRUM UI\n          </h1>\n        </div>\n      </div>\n    </footer>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/spectrumui/footer.tsx"
    }
  ],
  "type": "registry:component"
}