{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"footer-em-colunas","type":"registry:block","title":"Footer em colunas","description":"Newsletter, quatro colunas de links e barra inferior.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["button","input","separator"],"files":[{"path":"components/blocks/footer-em-colunas.tsx","type":"registry:component","content":"'use client'\n\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Separator } from '@/components/ui/separator'\n\nconst COLS: Array<[string, string[]]> = [\n  ['Produto', ['Inbox', 'CRM', 'Automações', 'IA', 'Relatórios']],\n  ['Empresa', ['Sobre', 'Carreiras', 'Clientes', 'Imprensa']],\n  ['Recursos', ['Documentação', 'API', 'Status', 'Comunidade']],\n  ['Legal', ['Privacidade', 'Termos', 'LGPD', 'Cookies']],\n]\n\nexport default function FooterColunas() {\n  return (\n    <footer className=\"w-full border-t bg-background px-6 pt-16\">\n      <div className=\"mx-auto max-w-6xl\">\n        <div className=\"grid gap-10 lg:grid-cols-[1.5fr_repeat(4,1fr)]\">\n          <div>\n            <div className=\"flex items-center gap-2 font-semibold\">\n              <span className=\"size-6 rounded-md bg-primary\" /> Acme\n            </div>\n            <p className=\"mt-3 max-w-xs text-sm text-muted-foreground\">Receba uma dica por semana sobre vendas por mensagem. Sem spam.</p>\n            <form className=\"mt-4 flex gap-2\" onSubmit={(e) => e.preventDefault()}>\n              <Input type=\"email\" placeholder=\"seu@email.com\" />\n              <Button type=\"submit\">Assinar</Button>\n            </form>\n          </div>\n          {COLS.map(([title, links]) => (\n            <div key={title}>\n              <div className=\"text-sm font-medium\">{title}</div>\n              <ul className=\"mt-3 space-y-2 text-sm text-muted-foreground\">\n                {links.map((l) => (\n                  <li key={l}>\n                    <a href=\"#\" className=\"hover:text-foreground\">\n                      {l}\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n          ))}\n        </div>\n        <Separator className=\"mt-12\" />\n        <div className=\"flex flex-col gap-2 py-6 text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between\">\n          <span>© 2026 Acme Tecnologia Ltda. Todos os direitos reservados.</span>\n          <span>Feito no Brasil 🇧🇷</span>\n        </div>\n      </div>\n    </footer>\n  )\n}\n"}]}