{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/infinite-slider"],"name":"logo-cloud-3","description":"Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking and elegant motion effects.","categories":["logo-cloud"],"files":[{"path":"registry/blocks/logo-cloud/3/logo-cloud.tsx","type":"registry:component","content":"import { InfiniteSlider } from \"@/components/ui/infinite-slider\";\n\nexport function LogoCloud() {\n\treturn (\n\t\t<div className=\"mask-[linear-gradient(to_right,transparent,black,transparent)] overflow-hidden py-4\">\n\t\t\t<InfiniteSlider gap={42} reverse speed={80} speedOnHover={25}>\n\t\t\t\t{logos.map((logo) => (\n\t\t\t\t\t<img\n\t\t\t\t\t\talt={logo.alt}\n\t\t\t\t\t\tclassName=\"pointer-events-none h-4 select-none md:h-5 dark:brightness-0 dark:invert\"\n\t\t\t\t\t\theight=\"auto\"\n\t\t\t\t\t\tkey={`logo-${logo.alt}`}\n\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\tsrc={logo.src}\n\t\t\t\t\t\twidth=\"auto\"\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</InfiniteSlider>\n\t\t</div>\n\t);\n}\n\nconst logos = [\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/nvidia-wordmark.svg\",\n\t\talt: \"Nvidia Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/supabase-wordmark.svg\",\n\t\talt: \"Supabase Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/openai-wordmark.svg\",\n\t\talt: \"OpenAI Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/turso-wordmark.svg\",\n\t\talt: \"Turso Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/vercel-wordmark.svg\",\n\t\talt: \"Vercel Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/github-wordmark.svg\",\n\t\talt: \"GitHub Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/claude-wordmark.svg\",\n\t\talt: \"Claude AI Logo\",\n\t},\n\t{\n\t\tsrc: \"https://storage.efferd.com/logo/clerk-wordmark.svg\",\n\t\talt: \"Clerk Logo\",\n\t},\n];\n"}]}