{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer",
  "type": "registry:ui",
  "dependencies": [],
  "files": [
    {
      "path": "components/ui/footer.tsx",
      "content": "import React from 'react';\n\nconst Footer: React.FC = () => {\n  return (\n    <footer className=\"relative bg-black text-white w-full min-h-[600px] flex flex-col overflow-hidden pt-20 px-6 md:px-12 lg:px-24\">\n\n      <article id=\"lighting-wrap\">\n        <article id=\"lightings\">\n          <section id=\"light-one\" className=\"lighting-section\">\n            <section id=\"light-two\" className=\"lighting-section\">\n              <section id=\"light-three\" className=\"lighting-section\">\n                <section id=\"light-four\" className=\"lighting-section\">\n                  <section id=\"light-five\" className=\"lighting-section\" />\n                </section>\n              </section>\n            </section>\n          </section>\n        </article>\n      </article>\n\n      <div className=\"flex flex-col lg:flex-row justify-between w-full h-full pb-20 z-10 relative\">\n\n        <div className=\"flex flex-col mb-32 lg:mb-28 max-w-xl\">\n\n          <div className=\"mb-8\">\n            <span className=\"inline-block px-4 py-1.5 rounded-full bg-zinc-900 text-zinc-400 text-[10px] font-medium tracking-[0.2em] uppercase\">\n              Vengeance UI\n            </span>\n          </div>\n\n          <h2 className=\"text-3xl md:text-5xl lg:text-6xl font-serif-elegant leading-tight\">\n            Build landing pages<br />\n            that feel alive<br />\n            and effortless\n          </h2>\n\n          <p className=\"mt-6 text-zinc-400 text-sm leading-relaxed max-w-md\">\n            VengeanceUI helps you build stunning landing pages using beautifully\n            animated, copy-paste ready components — crafted to be subtle,\n            tasteful, and production-ready.\n          </p>\n        </div>\n\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-12 lg:gap-24\">\n\n          <div className=\"flex flex-col space-y-6\">\n            <h3 className=\"text-zinc-500 text-[11px] font-medium tracking-[0.2em] uppercase\">\n              Product\n            </h3>\n            <ul className=\"flex flex-col space-y-3\">\n              <li><FooterLink href=\"#\">Components</FooterLink></li>\n              <li><FooterLink href=\"#\">Animations</FooterLink></li>\n              <li><FooterLink href=\"#\">Templates</FooterLink></li>\n              <li><FooterLink href=\"#\">Showcase</FooterLink></li>\n            </ul>\n          </div>\n\n          <div className=\"flex flex-col space-y-6\">\n            <h3 className=\"text-zinc-500 text-[11px] font-medium tracking-[0.2em] uppercase\">\n              Resources\n            </h3>\n            <ul className=\"flex flex-col space-y-3\">\n              <li><FooterLink href=\"#\">Documentation</FooterLink></li>\n              <li><FooterLink href=\"#\">Getting Started</FooterLink></li>\n              <li><FooterLink href=\"#\">Changelog</FooterLink></li>\n              <li><FooterLink href=\"#\">Roadmap</FooterLink></li>\n            </ul>\n          </div>\n\n          <div className=\"flex flex-col space-y-6\">\n            <h3 className=\"text-zinc-500 text-[11px] font-medium tracking-[0.2em] uppercase\">\n              Community\n            </h3>\n            <ul className=\"flex flex-col space-y-3\">\n              <li><FooterLink href=\"#\">GitHub</FooterLink></li>\n              <li><FooterLink href=\"#\">Discord</FooterLink></li>\n              <li><FooterLink href=\"#\">Twitter / X</FooterLink></li>\n              <li><FooterLink href=\"#\">Instagram</FooterLink></li>\n            </ul>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"absolute bottom-0 left-0 w-full pointer-events-none select-none flex justify-center overflow-hidden\">\n        <h1 className=\"text-[18vw] font-serif-elegant leading-none translate-y-[0%] tracking-tighter whitespace-nowrap wordmark-gradient\">\n          Vengeance UI\n        </h1>\n      </div>\n\n      <div className=\"mt-auto pb-8 z-10 text-center w-full relative\">\n        <p className=\"text-[10px] tracking-[0.2em] text-zinc-700 font-medium uppercase\">\n          © 2025 Vengeance UI — Crafted for modern web builders\n        </p>\n      </div>\n    </footer>\n  );\n};\n\ninterface FooterLinkProps {\n  href: string;\n  children: React.ReactNode;\n}\n\nconst FooterLink: React.FC<FooterLinkProps> = ({ href, children }) => {\n  return (\n    <a\n      href={href}\n      className=\"text-zinc-200 hover:text-white text-sm tracking-wide transition-colors duration-200 ease-in-out block\"\n    >\n      {children}\n    </a>\n  );\n};\n\nexport default Footer;",
      "type": "registry:ui",
      "target": "components/ui/footer.tsx"
    }
  ]
}