{
    "name": "footer",
    "type": "registry:block",
    "title": "Newsletter",
    "description": "Shadway-style footer with brand section, newsletter form, link grid, and sharp-corner aesthetic.",
    "category": "footer",
    "files": [
        {
            "path": "registry/footer/footer.tsx",
            "content": "\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { Input } from \"@/components/ui/input\";\r\nimport { Github, Twitter, Linkedin, Facebook } from \"lucide-react\";\r\n\r\nexport function Footer() {\r\n  const currentYear = new Date().getFullYear();\r\n\r\n  return (\r\n    <footer className=\"w-full py-12 md:py-16 bg-muted/30 border-t\">\r\n      <div className=\"container px-4 sm:px-6 mx-auto\">\r\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 md:gap-12 mb-12 text-left\">\r\n          <div className=\"space-y-4\">\r\n            <h3 className=\"text-xl font-bold tracking-tight\">SHADWAY<span className=\"text-primary\">.</span></h3>\r\n            <p className=\"text-sm text-muted-foreground leading-relaxed max-w-[240px]\">\r\n              Premium UI components and blocks for modern web applications.\r\n              Built with React, Tailwind, and Love.\r\n            </p>\r\n            <div className=\"flex items-center gap-4\">\r\n              {[Twitter, Github, Linkedin, Facebook].map((Icon, i) => (\r\n                <Icon key={i} className=\"w-5 h-5 text-muted-foreground hover:text-primary cursor-pointer transition-colors\" />\r\n              ))}\r\n            </div>\r\n          </div>\r\n\r\n          <div>\r\n            <h4 className=\"font-semibold mb-5 text-xs uppercase tracking-widest text-foreground/70\">Product</h4>\r\n            <ul className=\"space-y-3 text-sm text-muted-foreground\">\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Components</li>\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Templates</li>\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Showcase</li>\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Pricing</li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div>\r\n            <h4 className=\"font-semibold mb-5 text-xs uppercase tracking-widest text-foreground/70\">Support</h4>\r\n            <ul className=\"space-y-3 text-sm text-muted-foreground\">\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Documentation</li>\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Help Center</li>\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Community</li>\r\n              <li className=\"hover:text-primary cursor-pointer transition-colors\">Status</li>\r\n            </ul>\r\n          </div>\r\n\r\n          <div className=\"space-y-5\">\r\n            <h4 className=\"font-semibold text-xs uppercase tracking-widest text-foreground/70\">Join our newsletter</h4>\r\n            <p className=\"text-sm text-muted-foreground leading-relaxed\">\r\n              Get the latest updates on new components and features.\r\n            </p>\r\n            <div className=\"flex flex-col gap-2 max-w-sm sm:max-w-none\">\r\n              <Input placeholder=\"Enter your email\" className=\"bg-background h-10\" />\r\n              <Button className=\"w-full font-semibold\">Subscribe</Button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"pt-8 border-t flex flex-col sm:flex-row items-center justify-between gap-6 text-xs sm:text-sm text-muted-foreground text-center sm:text-left\">\r\n          <p>© {currentYear} Shadway Inc. All rights reserved.</p>\r\n          <div className=\"flex flex-wrap items-center justify-center gap-x-6 gap-y-2\">\r\n            <span className=\"hover:text-primary cursor-pointer transition-colors\">Privacy Policy</span>\r\n            <span className=\"hover:text-primary cursor-pointer transition-colors\">Terms of Service</span>\r\n            <span className=\"hover:text-primary cursor-pointer transition-colors\">Cookies</span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </footer>\r\n  );\r\n}\r\n\r\nexport default Footer;\r\n",
            "type": "registry:block"
        }
    ],
    "dependencies": [
        "lucide-react"
    ],
    "registryDependencies": [
        "button",
        "input"
    ]
}