{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-cloud-02",
  "title": "Divided logo grid",
  "description": "Eight wordmarks arranged in a hairline-divided grid — feels like a tidy customer wall.",
  "files": [
    {
      "path": "content/components/logo-cloud/logo-cloud-02.tsx",
      "content": "const logos = [\n  { name: \"Vercel\", src: \"https://blockus.lndevui.com/logos/vercel-wordmark.svg\" },\n  { name: \"Linear\", src: \"https://blockus.lndevui.com/logos/linear-wordmark.svg\" },\n  { name: \"Notion\", src: \"https://blockus.lndevui.com/logos/notion-wordmark.svg\" },\n  { name: \"Stripe\", src: \"https://blockus.lndevui.com/logos/stripe.svg\" },\n  { name: \"GitHub\", src: \"https://blockus.lndevui.com/logos/github-wordmark.svg\" },\n  { name: \"Supabase\", src: \"https://blockus.lndevui.com/logos/supabase-wordmark.svg\" },\n  { name: \"Figma\", src: \"https://blockus.lndevui.com/logos/figma.svg\" },\n  { name: \"OpenAI\", src: \"https://blockus.lndevui.com/logos/openai-wordmark.svg\" },\n]\n\nexport default function LogoCloud02() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-6xl px-6\">\n        <h2 className=\"text-center font-semibold text-2xl tracking-tight text-foreground sm:text-3xl\">\n          Built with the same stack you already use\n        </h2>\n        <div className=\"mt-12 grid grid-cols-2 gap-px overflow-hidden rounded-2xl border border-border bg-border sm:grid-cols-4\">\n          {logos.map((logo) => (\n            <div\n              key={logo.name}\n              className=\"flex h-24 items-center justify-center bg-card transition-colors hover:bg-muted/40\"\n            >\n              {/* eslint-disable-next-line @next/next/no-img-element */}\n              <img\n                src={logo.src}\n                alt={logo.name}\n                className=\"h-6 w-auto opacity-70 grayscale transition-opacity hover:opacity-100 dark:invert sm:h-7\"\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/logo-cloud-02.tsx"
    }
  ],
  "categories": [
    "logo-cloud"
  ],
  "type": "registry:block"
}