{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"logos-grid","type":"registry:block","title":"Logos Grid","description":"Wordmark cells in a hairline grid, muted until hovered.","categories":["logos"],"dependencies":[],"registryDependencies":[],"files":[{"path":"registry/blocks/logos-grid.tsx","content":"const brands = [\n  { name: \"Northwind\", style: \"font-serif italic\" },\n  { name: \"VERTEX\", style: \"font-mono tracking-widest\" },\n  { name: \"Bloom&Co\", style: \"font-semibold tracking-tight\" },\n  { name: \"helios\", style: \"font-light lowercase tracking-wide\" },\n  { name: \"PARALLAX\", style: \"font-black tracking-tighter\" },\n  { name: \"Quill\", style: \"font-serif\" },\n  { name: \"syntax_\", style: \"font-mono font-semibold\" },\n  { name: \"Meridian\", style: \"font-medium tracking-wide\" },\n];\n\nexport default function LogosGrid() {\n  return (\n    <section className=\"bg-background\">\n      <div className=\"mx-auto w-full max-w-5xl px-6 py-16 sm:py-20\">\n        <p className=\"text-center text-sm text-muted-foreground\">\n          Powering product teams at\n        </p>\n        <div className=\"mt-8 grid grid-cols-2 overflow-hidden rounded-xl border border-border/60 sm:grid-cols-4\">\n          {brands.map((brand, index) => (\n            <div\n              key={brand.name}\n              className={[\n                \"flex h-24 items-center justify-center bg-card text-lg text-muted-foreground transition-colors hover:bg-accent/50 hover:text-foreground\",\n                index % 2 === 1 ? \"border-l border-border/60\" : \"\",\n                index >= 2 ? \"max-sm:border-t max-sm:border-border/60\" : \"\",\n                index % 4 !== 0 ? \"sm:border-l sm:border-border/60\" : \"\",\n                index >= 4 ? \"sm:border-t sm:border-border/60\" : \"\",\n              ].join(\" \")}\n            >\n              <span className={brand.style}>{brand.name}</span>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/logos/logos-grid.tsx"}]}