{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-logo-cloud-4","type":"registry:block","title":"Logo Cloud 4","description":"Tailark Dusk logo-cloud variant 4 block","registryDependencies":["@tailark-oss/motion-primitives-infinite-slider","@tailark-oss/core-spotify","@tailark-oss/core-vercel","@tailark-oss/core-supabase","@tailark-oss/core-hulu","@tailark-oss/core-bolt"],"meta":{"aspect-ratio":"10/1","width":686,"height":69},"files":[{"path":"dusk/blocks/logo-cloud/four.tsx","type":"registry:component","target":"@components/logo-cloud-4.tsx","content":"import { InfiniteSlider } from '@/components/ui/motion-primitives/infinite-slider'\nimport { Spotify } from '@/components/ui/svgs/spotify'\nimport { VercelFull } from '@/components/ui/svgs/vercel'\nimport { SupabaseFull } from '@/components/ui/svgs/supabase'\nimport { Hulu } from '@/components/ui/svgs/hulu'\nimport { Bolt } from '@/components/ui/svgs/bolt'\n\nconst Logos = () => {\n    return (\n        <>\n            <Bolt\n                height={24}\n                width={58}\n            />\n            <VercelFull\n                height={24}\n                width={100}\n            />\n            <SupabaseFull className=\"h-7\" />\n            <Hulu\n                height={20}\n                width={60}\n            />\n            <Spotify\n                height={28}\n                width={90}\n            />\n        </>\n    )\n}\n\nexport default function LogoCloud() {\n    return (\n        <section className=\"bg-background py-12\">\n            <div className=\"relative m-auto max-w-7xl px-6\">\n                <div className=\"**:fill-foreground relative flex gap-6 max-lg:flex-col lg:items-center lg:gap-12\">\n                    <p className=\"text-muted-foreground shrink-0 lg:border-r lg:pr-12 lg:text-end\">\n                        Powering the <br className=\"max-lg:hidden\" /> best teams\n                    </p>\n\n                    <div className=\"hidden w-full flex-wrap justify-between gap-6 lg:flex\">\n                        <Logos />\n                    </div>\n                    <InfiniteSlider\n                        gap={56}\n                        className=\"mask-x-from-85% mask-x-to-99% lg:hidden\"\n                    >\n                        <Logos />\n                    </InfiniteSlider>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}