{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-logo-cloud-1","type":"registry:block","title":"Logo Cloud 1","description":"Tailark Dusk logo-cloud variant 1 block","registryDependencies":["@tailark-oss/core-spotify","@tailark-oss/core-supabase","@tailark-oss/core-hulu","@tailark-oss/core-firebase","@tailark-oss/core-beacon","@tailark-oss/core-bolt","@tailark-oss/core-claude","@tailark-oss/core-figma","@tailark-oss/core-vercel","@tailark-oss/core-cisco"],"meta":{"aspect-ratio":"90/15","width":686,"height":114},"files":[{"path":"dusk/blocks/logo-cloud/one.tsx","type":"registry:component","target":"@components/logo-cloud-1.tsx","content":"import { Spotify } from '@/components/ui/svgs/spotify'\nimport { SupabaseFull } from '@/components/ui/svgs/supabase'\nimport { Hulu } from '@/components/ui/svgs/hulu'\nimport { FirebaseFull } from '@/components/ui/svgs/firebase'\nimport { Beacon } from '@/components/ui/svgs/beacon'\nimport { Bolt } from '@/components/ui/svgs/bolt'\nimport { Claude } from '@/components/ui/svgs/claude'\nimport { VercelFull } from '@/components/ui/svgs/vercel'\nimport Link from 'next/link'\nimport { ChevronsRight } from 'lucide-react'\n\nexport default function LogoCloud() {\n    return (\n        <section className=\"bg-background py-16\">\n            <div className=\"group relative m-auto max-w-5xl px-6\">\n                <div className=\"absolute inset-0 z-10 flex scale-95 items-center justify-center opacity-0 duration-500 group-hover:scale-100 group-hover:opacity-100\">\n                    <Link\n                        href=\"/\"\n                        className=\"block text-sm duration-150 hover:opacity-75\"\n                    >\n                        <span> See the network</span>\n\n                        <ChevronsRight className=\"ml-1 inline-block size-3\" />\n                    </Link>\n                </div>\n                <div className=\"group-hover:blur-xs **:fill-foreground mx-auto grid max-w-2xl grid-cols-3 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14 md:grid-cols-4\">\n                    <div className=\"flex items-center\">\n                        <Bolt className=\"mx-auto h-5 w-full\" />\n                    </div>\n                    <div className=\"flex items-center\">\n                        <VercelFull className=\"mx-auto h-4 w-full\" />\n                    </div>\n                    <div className=\"flex items-center\">\n                        <SupabaseFull className=\"mx-auto h-6\" />\n                    </div>\n                    <div className=\"flex items-center\">\n                        <Hulu className=\"mx-auto h-4 w-full\" />\n                    </div>\n                    <div className=\"flex items-center\">\n                        <Spotify className=\"mx-auto h-6 w-full\" />\n                    </div>\n                    <div className=\"flex items-center\">\n                        <FirebaseFull className=\"mx-auto h-6 w-full\" />\n                    </div>\n                    <div className=\"hidden items-center sm:flex\">\n                        <Beacon className=\"mx-auto h-4 w-full\" />\n                    </div>\n\n                    <div className=\"hidden items-center sm:flex\">\n                        <Claude className=\"mx-auto h-5 w-full\" />\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}