{"$schema":"https://ui.artbloom.tech/schema/registry-item.json","name":"logo-cloud","type":"registry:block","title":"Logo Cloud","description":"A row of customer wordmarks drawn as inline SVG, so the block ships with no image assets. Responsive from two columns to six.","author":"@artbloom","dependencies":[],"registryDependencies":[],"files":[{"path":"components/blocks/logo-cloud.tsx","target":"components/blocks/logo-cloud.tsx","content":"import type { SVGProps } from \"react\";\n\n/**\n * Wordmark logos drawn as inline SVG so the block ships with no image assets.\n * Each is a simple mark + label; swap in real brand SVGs when you use it.\n */\n\nfunction Northwind(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 140 32\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M6 24V8l10 12V8h3v16h-3L6 12v12H6z\" />\n      <text x=\"26\" y=\"22\" fontSize=\"15\" fontWeight=\"600\" fontFamily=\"system-ui, sans-serif\">\n        Northwind\n      </text>\n    </svg>\n  );\n}\n\nfunction Cadence(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 130 32\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <circle cx=\"14\" cy=\"16\" r=\"7\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"3\" />\n      <text x=\"28\" y=\"22\" fontSize=\"15\" fontWeight=\"700\" fontFamily=\"system-ui, sans-serif\">\n        Cadence\n      </text>\n    </svg>\n  );\n}\n\nfunction Stackfold(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 140 32\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <rect x=\"6\" y=\"9\" width=\"14\" height=\"14\" rx=\"3\" transform=\"rotate(45 13 16)\" />\n      <text x=\"28\" y=\"22\" fontSize=\"15\" fontWeight=\"600\" fontFamily=\"system-ui, sans-serif\">\n        Stackfold\n      </text>\n    </svg>\n  );\n}\n\nfunction Loom(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 110 32\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <circle cx=\"9\" cy=\"16\" r=\"4\" />\n      <circle cx=\"20\" cy=\"16\" r=\"4\" />\n      <text x=\"30\" y=\"22\" fontSize=\"15\" fontWeight=\"700\" fontFamily=\"system-ui, sans-serif\">\n        Loom\n      </text>\n    </svg>\n  );\n}\n\nfunction Parcel(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 120 32\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <path d=\"M13 6l7 4v8l-7 4-7-4v-8l7-4z\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinejoin=\"round\" />\n      <text x=\"28\" y=\"22\" fontSize=\"15\" fontWeight=\"600\" fontFamily=\"system-ui, sans-serif\">\n        Parcel\n      </text>\n    </svg>\n  );\n}\n\nfunction Bright(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg viewBox=\"0 0 120 32\" fill=\"currentColor\" aria-hidden=\"true\" {...props}>\n      <circle cx=\"13\" cy=\"16\" r=\"5\" />\n      <g stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n        <path d=\"M13 4v3M13 25v3M4 16H1M25 16h-3M6.5 9.5L4.4 7.4M21.6 24.6l-2.1-2.1M6.5 22.5l-2.1 2.1M21.6 7.4l-2.1 2.1\" />\n      </g>\n      <text x=\"30\" y=\"22\" fontSize=\"15\" fontWeight=\"700\" fontFamily=\"system-ui, sans-serif\">\n        Bright\n      </text>\n    </svg>\n  );\n}\n\nconst logos = [\n  { name: \"Northwind\", Logo: Northwind },\n  { name: \"Cadence\", Logo: Cadence },\n  { name: \"Stackfold\", Logo: Stackfold },\n  { name: \"Loom\", Logo: Loom },\n  { name: \"Parcel\", Logo: Parcel },\n  { name: \"Bright\", Logo: Bright },\n];\n\nexport default function LogoCloud() {\n  return (\n    <section className=\"w-full bg-white py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-6xl px-6\">\n        <h2 className=\"text-center text-base font-medium text-slate-500\">\n          Trusted by fast-moving teams at companies you know\n        </h2>\n\n        <div className=\"mt-12 grid grid-cols-2 items-center gap-x-8 gap-y-10 sm:grid-cols-3 lg:grid-cols-6\">\n          {logos.map(({ name, Logo }) => (\n            <div key={name} className=\"flex justify-center\">\n              <Logo className=\"h-8 w-auto text-slate-400 transition-colors hover:text-slate-600\" />\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block"}],"meta":{"kind":"blocks","categories":["logos"],"docs":"https://ui.artbloom.tech/artbloom/blocks/logo-cloud"}}