{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"footer-newsletter","type":"registry:block","title":"Footer Newsletter","description":"Link columns plus a capture form and a status line.","categories":["footer"],"dependencies":[],"registryDependencies":["button"],"files":[{"path":"registry/blocks/footer-newsletter.tsx","content":"import Link from \"next/link\";\n\nimport { Button } from \"@/components/ui/button\";\n\nconst columns = [\n  { title: \"Product\", links: [\"Features\", \"Pricing\", \"Changelog\", \"Docs\"] },\n  { title: \"Company\", links: [\"About\", \"Blog\", \"Careers\", \"Contact\"] },\n  { title: \"Legal\", links: [\"Privacy\", \"Terms\", \"Security\"] },\n];\n\nexport default function FooterNewsletter() {\n  return (\n    <footer className=\"border-t border-border/60 bg-background\">\n      <div className=\"mx-auto w-full max-w-6xl px-6 py-14\">\n        <div className=\"grid gap-12 lg:grid-cols-2\">\n          <div className=\"max-w-sm\">\n            <p className=\"font-semibold\">Acme</p>\n            <p className=\"mt-3 text-sm text-muted-foreground\">\n              The monthly dispatch: what shipped, what's next, and one thing\n              we learned the hard way.\n            </p>\n            <form className=\"mt-5 flex gap-2\">\n              <label htmlFor=\"footer-nl-email\" className=\"sr-only\">\n                Email address\n              </label>\n              <input\n                id=\"footer-nl-email\"\n                type=\"email\"\n                autoComplete=\"email\"\n                placeholder=\"you@company.com\"\n                className=\"h-9 w-full flex-1 rounded-lg border border-input bg-background px-3 text-sm outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50\"\n              />\n              <Button type=\"submit\" variant=\"outline\" className=\"shrink-0\">\n                Subscribe\n              </Button>\n            </form>\n          </div>\n\n          <div className=\"grid grid-cols-2 gap-8 sm:grid-cols-3\">\n            {columns.map((column) => (\n              <div key={column.title}>\n                <h3 className=\"text-sm font-medium\">{column.title}</h3>\n                <ul className=\"mt-3 space-y-2\">\n                  {column.links.map((label) => (\n                    <li key={label}>\n                      <Link\n                        href=\"#\"\n                        className=\"text-sm text-muted-foreground transition-colors hover:text-foreground\"\n                      >\n                        {label}\n                      </Link>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div className=\"mt-12 flex flex-col justify-between gap-2 border-t border-border/60 pt-6 sm:flex-row\">\n          <p className=\"text-xs text-muted-foreground\">\n            © 2026 Acme Inc. All rights reserved.\n          </p>\n          <p className=\"font-mono text-xs text-muted-foreground\">\n            status.acme.dev · all systems normal\n          </p>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","type":"registry:block","target":"components/blocks/footer/footer-newsletter.tsx"}]}