{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"features-bento","type":"registry:block","title":"Features bento","description":"Grade bento com seis módulos, dois deles em destaque duplo.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":[],"files":[{"path":"components/blocks/features-bento.tsx","type":"registry:component","content":"'use client'\n\nimport { Bot, Inbox, KanbanSquare, LineChart, ShieldCheck, Workflow } from 'lucide-react'\n\nconst ITEMS = [\n  { Icon: Inbox, title: 'Inbox unificado', text: 'WhatsApp, Instagram, e-mail e webchat numa fila só, com distribuição automática.', span: 'lg:col-span-2' },\n  { Icon: Bot, title: 'IA que qualifica', text: 'Responde, pontua e passa pro humano na hora certa.' },\n  { Icon: KanbanSquare, title: 'CRM visual', text: 'Pipelines por produto, metas por vendedor.' },\n  { Icon: Workflow, title: 'Automações', text: 'Gatilhos de webinar, carrinho abandonado e follow-up — sem código.', span: 'lg:col-span-2' },\n  { Icon: LineChart, title: 'Relatórios', text: 'Funil, origem e ROI por campanha.' },\n  { Icon: ShieldCheck, title: 'LGPD por padrão', text: 'Consentimento, retenção e auditoria.' },\n]\n\nexport default function FeaturesBento() {\n  return (\n    <section className=\"w-full px-6 py-20\">\n      <div className=\"mx-auto max-w-6xl\">\n        <div className=\"max-w-2xl\">\n          <h2 className=\"text-3xl font-semibold tracking-tight sm:text-4xl\">Tudo que o comercial precisa. Nada que ele não usa.</h2>\n          <p className=\"mt-3 text-muted-foreground\">Seis módulos que conversam entre si. Comece por um, ligue os outros quando fizer sentido.</p>\n        </div>\n        <div className=\"mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          {ITEMS.map((it) => (\n            <div key={it.title} className={`rounded-xl border bg-card p-5 ${it.span ?? ''}`}>\n              <span className=\"flex size-9 items-center justify-center rounded-lg bg-muted\">\n                <it.Icon className=\"size-4\" />\n              </span>\n              <h3 className=\"mt-4 font-medium\">{it.title}</h3>\n              <p className=\"mt-1 text-sm text-muted-foreground\">{it.text}</p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n"}]}