{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"features-em-tres-colunas","type":"registry:block","title":"Features em três colunas","description":"Três benefícios com ícone circular, título e descrição.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":[],"files":[{"path":"components/blocks/features-em-tres-colunas.tsx","type":"registry:component","content":"'use client'\n\nimport { Clock, Sparkles, Users } from 'lucide-react'\n\nconst FEATURES = [\n  { Icon: Clock, title: 'Responda em segundos', text: 'Templates, respostas rápidas e IA para o primeiro contato. O lead não espera.' },\n  { Icon: Users, title: 'Time no mesmo ritmo', text: 'Fila justa, transferências com contexto e notas internas. Ninguém pergunta “quem está com esse?”.' },\n  { Icon: Sparkles, title: 'Insights prontos', text: 'Resumo da conversa, sentimento e próximo passo sugerido em cada card.' },\n]\n\nexport default function FeaturesTresColunas() {\n  return (\n    <section className=\"w-full px-6 py-20\">\n      <div className=\"mx-auto max-w-6xl\">\n        <div className=\"mx-auto max-w-2xl text-center\">\n          <span className=\"text-sm font-medium text-muted-foreground\">Por que times escolhem</span>\n          <h2 className=\"mt-2 text-3xl font-semibold tracking-tight sm:text-4xl\">Feito para quem atende de verdade</h2>\n        </div>\n        <div className=\"mt-12 grid gap-10 md:grid-cols-3\">\n          {FEATURES.map((f) => (\n            <div key={f.title} className=\"flex flex-col items-start\">\n              <span className=\"flex size-10 items-center justify-center rounded-full bg-primary text-primary-foreground\">\n                <f.Icon className=\"size-5\" />\n              </span>\n              <h3 className=\"mt-5 text-lg font-medium\">{f.title}</h3>\n              <p className=\"mt-2 text-muted-foreground\">{f.text}</p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n"}]}