{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"logo-cloud-em-grade","type":"registry:block","title":"Logo cloud em grade","description":"Oito logos em grade com divisórias finas.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":[],"files":[{"path":"components/blocks/logo-cloud-em-grade.tsx","type":"registry:component","content":"'use client'\n\nimport { Boxes, Cloud, Cpu, Globe, Layers, Rocket, Shield, Zap } from 'lucide-react'\n\nconst LOGOS = [\n  ['Vercel', Rocket],\n  ['Stripe', Zap],\n  ['Supabase', Boxes],\n  ['Cloudflare', Cloud],\n  ['Linear', Layers],\n  ['OpenAI', Cpu],\n  ['Auth0', Shield],\n  ['Resend', Globe],\n] as const\n\nexport default function LogoCloudGrid() {\n  return (\n    <section className=\"w-full px-6 py-16\">\n      <div className=\"mx-auto max-w-6xl\">\n        <p className=\"text-center text-sm text-muted-foreground\">Integra com as ferramentas que seu time já usa</p>\n        <div className=\"mt-8 grid grid-cols-2 gap-px overflow-hidden rounded-xl border bg-border sm:grid-cols-4\">\n          {LOGOS.map(([name, Icon]) => (\n            <div key={name} className=\"flex items-center justify-center gap-2 bg-background py-6 text-muted-foreground transition-colors hover:text-foreground\">\n              <Icon className=\"size-5\" />\n              <span className=\"text-base font-semibold tracking-tight\">{name}</span>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n"}]}