{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/infinite-slider","@efferd/progressive-blur"],"name":"logo-cloud-4","description":"Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand showcase.","categories":["logo-cloud"],"files":[{"path":"registry/blocks/logo-cloud/4/logo-cloud.tsx","type":"registry:component","content":"import { InfiniteSlider } from \"@/components/ui/infinite-slider\";\n// https://motion-primitives.com/docs/progressive-blur\nimport { ProgressiveBlur } from \"@/components/ui/progressive-blur\";\n\nexport function LogoCloud() {\n\treturn (\n\t\t<div className=\"relative border-x border-y bg-linear-to-r from-secondary via-transparent to-secondary py-6\">\n\t\t\t<InfiniteSlider gap={42} reverse speed={60} speedOnHover={20}>\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\n\t\t\t<ProgressiveBlur\n\t\t\t\tblurIntensity={1}\n\t\t\t\tclassName=\"pointer-events-none absolute top-0 left-0 h-full w-[100px] md:w-[160px]\"\n\t\t\t\tdirection=\"left\"\n\t\t\t/>\n\t\t\t<ProgressiveBlur\n\t\t\t\tblurIntensity={1}\n\t\t\t\tclassName=\"pointer-events-none absolute top-0 right-0 h-full w-[100px] md:w-[160px]\"\n\t\t\t\tdirection=\"right\"\n\t\t\t/>\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"}]}