{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"carousel-de-depoimentos","type":"registry:component","title":"Carousel de depoimentos","description":"Carrossel (embla) de cards de depoimento com setas.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["avatar","card","carousel"],"files":[{"path":"components/carousel-de-depoimentos.tsx","type":"registry:component","content":"'use client'\n\nimport { Star } from 'lucide-react'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\nimport { Card, CardContent } from '@/components/ui/card'\nimport { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from '@/components/ui/carousel'\n\nconst QUOTES = [\n  { name: 'Ana Souza', role: 'Lumi', text: 'Tiramos 40% do tempo de resposta na primeira semana.' },\n  { name: 'Bruno Rocha', role: 'Kavo', text: 'A IA qualifica de madrugada e de manhã a agenda está cheia.' },\n  { name: 'Carla Mendes', role: 'Nuvem Fit', text: 'Realocamos a verba de mídia no mesmo dia que vimos o relatório.' },\n  { name: 'Diego Lima', role: 'Prisma', text: 'Fila justa, sem briga por lead. Resumo no card é ouro.' },\n]\n\nexport default function CarouselDepoimentos() {\n  return (\n    <Carousel className=\"w-full max-w-sm\">\n      <CarouselContent>\n        {QUOTES.map((q) => (\n          <CarouselItem key={q.name}>\n            <Card>\n              <CardContent className=\"space-y-4\">\n                <div className=\"flex gap-0.5 text-amber-500\">\n                  {[0, 1, 2, 3, 4].map((i) => (\n                    <Star key={i} className=\"size-3.5 fill-current\" />\n                  ))}\n                </div>\n                <p className=\"text-sm leading-relaxed\">“{q.text}”</p>\n                <div className=\"flex items-center gap-2\">\n                  <Avatar size=\"sm\">\n                    <AvatarFallback>{q.name.split(' ').map((s) => s[0]).join('')}</AvatarFallback>\n                  </Avatar>\n                  <div className=\"text-xs\">\n                    <div className=\"font-medium\">{q.name}</div>\n                    <div className=\"text-muted-foreground\">{q.role}</div>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </CarouselItem>\n        ))}\n      </CarouselContent>\n      <CarouselPrevious />\n      <CarouselNext />\n    </Carousel>\n  )\n}\n"}]}