{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "integrations-01",
  "title": "Integration logo grid",
  "description": "Clean card grid of integration logos with name labels — the fastest way to show what your product connects to.",
  "files": [
    {
      "path": "content/components/integrations/integrations-01.tsx",
      "content": "const integrations = [\n  { name: \"Stripe\", src: \"https://blockus.lndevui.com/logos/stripe.svg\" },\n  { name: \"Slack\", src: \"https://blockus.lndevui.com/logos/slack.svg\" },\n  { name: \"Notion\", src: \"https://blockus.lndevui.com/logos/notion-wordmark.svg\" },\n  { name: \"Vercel\", src: \"https://blockus.lndevui.com/logos/vercel-wordmark.svg\" },\n  { name: \"Figma\", src: \"https://blockus.lndevui.com/logos/figma.svg\" },\n  { name: \"GitHub\", src: \"https://blockus.lndevui.com/logos/github-wordmark.svg\" },\n  { name: \"Linear\", src: \"https://blockus.lndevui.com/logos/linear-wordmark.svg\" },\n  { name: \"Supabase\", src: \"https://blockus.lndevui.com/logos/supabase-wordmark.svg\" },\n  { name: \"Discord\", src: \"https://blockus.lndevui.com/logos/discord-wordmark.svg\" },\n  { name: \"Shopify\", src: \"https://blockus.lndevui.com/logos/shopify.svg\" },\n  { name: \"Anthropic\", src: \"https://blockus.lndevui.com/logos/anthropic-wordmark.svg\" },\n  { name: \"PostHog\", src: \"https://blockus.lndevui.com/logos/postman-wordmark.svg\" },\n]\n\nexport default function Integrations01() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-5xl px-6 sm:px-10\">\n        <div className=\"mb-14 max-w-xl\">\n          <span className=\"font-mono text-[11px] uppercase tracking-widest text-muted-foreground\">\n            Integrations\n          </span>\n          <h2 className=\"mt-3 text-balance text-3xl font-semibold tracking-tight sm:text-4xl\">\n            Works with the tools you already use.\n          </h2>\n          <p className=\"mt-4 text-base text-muted-foreground text-pretty\">\n            Drop blockus into your existing stack. No migration, no lock-in.\n          </p>\n        </div>\n\n        <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4\">\n          {integrations.map((integration) => (\n            <div\n              key={integration.name}\n              className=\"flex flex-col items-center gap-3 rounded-2xl border border-border bg-card p-6 transition-colors hover:bg-muted\"\n            >\n              {/* eslint-disable-next-line @next/next/no-img-element */}\n              <img\n                src={integration.src}\n                alt={integration.name}\n                className=\"h-7 w-auto dark:invert\"\n              />\n              <span className=\"text-xs font-medium text-muted-foreground\">\n                {integration.name}\n              </span>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/integrations-01.tsx"
    }
  ],
  "categories": [
    "integrations"
  ],
  "type": "registry:block"
}