{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"depoimentos-em-grade","type":"registry:block","title":"Depoimentos em grade","description":"Seis citações em colunas tipo masonry, com avatar e cargo.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["avatar"],"files":[{"path":"components/blocks/depoimentos-em-grade.tsx","type":"registry:component","content":"'use client'\n\nimport { Star } from 'lucide-react'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\n\nconst QUOTES = [\n  { name: 'Ana Souza', role: 'Head de Vendas · Lumi', text: 'Tiramos 40% do tempo de resposta na primeira semana. O inbox unificado mudou a rotina do time.' },\n  { name: 'Bruno Rocha', role: 'Fundador · Kavo', text: 'A IA qualifica de madrugada e de manhã já tenho a agenda cheia de reunião boa.' },\n  { name: 'Carla Mendes', role: 'CS · Nuvem Fit', text: 'Relatório por origem me mostrou que o Instagram pagava a conta. Realocamos a verba no mesmo dia.' },\n  { name: 'Diego Lima', role: 'Vendedor · Prisma', text: 'Fila justa, sem briga por lead. E o resumo da conversa no card é ouro.' },\n  { name: 'Elisa Farias', role: 'Marketing · Doma', text: 'Montei a automação de carrinho abandonado sem chamar ninguém de tech.' },\n  { name: 'Fábio Nunes', role: 'COO · Trilha', text: 'Migramos 3 ferramentas pra uma. Menos custo, menos aba, menos erro.' },\n]\n\nexport default function DepoimentosGrid() {\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          <div className=\"flex justify-center gap-0.5 text-amber-500\">\n            {[0, 1, 2, 3, 4].map((i) => (\n              <Star key={i} className=\"size-4 fill-current\" />\n            ))}\n          </div>\n          <h2 className=\"mt-3 text-3xl font-semibold tracking-tight sm:text-4xl\">Quem usa, recomenda</h2>\n          <p className=\"mt-3 text-muted-foreground\">4,9 de 5 em 1.200+ avaliações.</p>\n        </div>\n        <div className=\"mt-12 columns-1 gap-4 sm:columns-2 lg:columns-3 [&>*]:mb-4 [&>*]:break-inside-avoid\">\n          {QUOTES.map((q) => (\n            <figure key={q.name} className=\"rounded-xl border bg-card p-5\">\n              <blockquote className=\"text-sm leading-relaxed\">“{q.text}”</blockquote>\n              <figcaption className=\"mt-4 flex items-center gap-3\">\n                <Avatar size=\"sm\">\n                  <AvatarFallback>{q.name.split(' ').map((s) => s[0]).join('')}</AvatarFallback>\n                </Avatar>\n                <div>\n                  <div className=\"text-sm font-medium\">{q.name}</div>\n                  <div className=\"text-xs text-muted-foreground\">{q.role}</div>\n                </div>\n              </figcaption>\n            </figure>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n"}]}