{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"logos-01","type":"registry:component","title":"Logos 01","description":"A static logo grid component for showcasing trusted companies and clients. Features customizable company logos with text labels, responsive flex-wrap layout, hover effects, and clean styling. Includes optional title and subtitle sections, empty state handling, and professional grid layout. Perfect for landing pages, about sections, client showcases, and social proof displays requiring clean static logo presentation with modern visual appeal.","registryDependencies":["card"],"files":[{"path":"src/registry/blocks/marketing/social-proof/logos/logos-01.tsx","content":"\"use client\";\n\nimport { Building2 } from \"lucide-react\";\n\nimport { cn } from \"@/registry/lib/utils\";\n\nexport interface Logos01Props {\n  className?: string;\n}\n\nconst content = {\n  header: {\n    title: \"\",\n    subtitle: \"Trusted by leading companies worldwide\",\n  },\n  companies: [\n    {\n      id: 1,\n      name: \"Acme Corp\",\n      logo: \"AC\",\n    },\n    {\n      id: 2,\n      name: \"TechFlow\",\n      logo: \"TF\",\n    },\n    {\n      id: 3,\n      name: \"DataSync\",\n      logo: \"DS\",\n    },\n    {\n      id: 4,\n      name: \"CloudBase\",\n      logo: \"CB\",\n    },\n    {\n      id: 5,\n      name: \"InnovateLab\",\n      logo: \"IL\",\n    },\n    {\n      id: 6,\n      name: \"NextGen\",\n      logo: \"NG\",\n    },\n  ],\n};\n\nexport function Logos01({ className }: Logos01Props) {\n  return (\n    <section className={cn(\"py-16 px-4\", className)}>\n      <div className=\"max-w-6xl mx-auto\">\n        {(content.header.title || content.header.subtitle) && (\n          <div className=\"text-center mb-12\">\n            {content.header.title && (\n              <h2 className=\"text-2xl font-bold mb-4\">\n                {content.header.title}\n              </h2>\n            )}\n            {content.header.subtitle && (\n              <p className=\"text-sm text-muted-foreground mb-8\">\n                {content.header.subtitle}\n              </p>\n            )}\n          </div>\n        )}\n\n        {/* Empty state */}\n        {content.companies.length === 0 && (\n          <div className=\"text-center py-12\">\n            <Building2 className=\"h-12 w-12 text-muted-foreground mx-auto mb-4\" />\n            <p className=\"text-muted-foreground\">No companies to display</p>\n          </div>\n        )}\n\n        {/* Companies grid */}\n        {content.companies.length > 0 && (\n          <div className=\"flex flex-wrap items-center justify-center gap-8 md:gap-12\">\n            {content.companies.map((company) => (\n              <div\n                key={company.id}\n                className=\"flex items-center gap-3 opacity-60 hover:opacity-100 transition-opacity duration-300\"\n              >\n                <div className=\"h-10 w-10 bg-muted rounded-lg flex items-center justify-center\">\n                  <span className=\"text-sm font-semibold text-muted-foreground\">\n                    {company.logo}\n                  </span>\n                </div>\n                <span className=\"text-lg font-medium text-muted-foreground\">\n                  {company.name}\n                </span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n","type":"registry:component"},{"path":"src/registry/lib/utils.ts","content":"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","type":"registry:lib"}]}