{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"hero-centralizado","type":"registry:block","title":"Hero centralizado","description":"Badge, título grande, subtítulo, dois CTAs e prova social com avatares.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["avatar","badge","button"],"files":[{"path":"components/blocks/hero-centralizado.tsx","type":"registry:component","content":"'use client'\n\nimport { ArrowRight, Play } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount } from '@/components/ui/avatar'\n\nexport default function HeroCentralizado() {\n  return (\n    <section className=\"w-full px-6 py-24 sm:py-32\">\n      <div className=\"mx-auto flex max-w-3xl flex-col items-center gap-6 text-center\">\n        <Badge variant=\"secondary\" className=\"gap-1.5\">\n          <span className=\"size-1.5 rounded-full bg-emerald-500\" /> Novo: automações com IA\n        </Badge>\n        <h1 className=\"text-4xl font-semibold tracking-tight sm:text-6xl\">Venda mais conversando menos.</h1>\n        <p className=\"max-w-xl text-lg text-muted-foreground\">\n          Centralize WhatsApp, Instagram e e-mail num só inbox, qualifique leads com IA e feche no CRM — sem trocar de aba.\n        </p>\n        <div className=\"flex flex-wrap items-center justify-center gap-3\">\n          <Button size=\"lg\">\n            Começar grátis <ArrowRight data-icon=\"inline-end\" />\n          </Button>\n          <Button size=\"lg\" variant=\"outline\">\n            <Play data-icon=\"inline-start\" /> Ver demo de 2 min\n          </Button>\n        </div>\n        <div className=\"mt-4 flex items-center gap-3 text-sm text-muted-foreground\">\n          <AvatarGroup>\n            {['AS', 'BR', 'CM', 'DL'].map((n) => (\n              <Avatar key={n} size=\"sm\">\n                <AvatarFallback>{n}</AvatarFallback>\n              </Avatar>\n            ))}\n            <AvatarGroupCount>+2k</AvatarGroupCount>\n          </AvatarGroup>\n          <span>\n            <strong className=\"text-foreground\">2.400+</strong> equipes já usam\n          </span>\n        </div>\n      </div>\n    </section>\n  )\n}\n"}]}