{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "floating-elements-demo",
  "registryDependencies": [
    "https://reusables.vercel.app/r/floating-elements"
  ],
  "files": [
    {
      "path": "registry/example/floating-elements-demo.tsx",
      "content": "\"use client\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport { FloatingElements } from \"@/components/floating-elements\"\n\nconst logos = [\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179100/skyLogo_zi6fow.jpg\",\n    link: \"#\",\n    bgColor: \"bg-[#0f0f10]\",\n  },\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179065/wearecasinoLogo_bffqz7.gif\",\n    link: \"#\",\n    bgColor: \"bg-[#023fee]\",\n  },\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179065/pixwinLogo_kmwxzv.svg\",\n    link: \"#\",\n    bgColor: \"bg-[#060d1c]\",\n  },\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179065/wearelotteryLogo_n5fz08.png\",\n    link: \"#\",\n    bgColor: \"bg-[#0e132a]\",\n  },\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179065/socketLogo_ct5obw.png\",\n    link: \"#\",\n    bgColor: \"bg-[#060d1c]\",\n  },\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179065/paysureLogo_pvo0zh.png\",\n    link: \"#\",\n    bgColor: \"bg-[#ffffff]\",\n  },\n  {\n    img: \"https://res.cloudinary.com/duli9q35f/image/upload/v1740179064/kudipalLogo_ha6a43.png\",\n    link: \"#\",\n    bgColor: \"bg-[#006fee]\",\n  },\n]\n\nexport default function FloatingElementsDemo() {\n  return (\n    <FloatingElements title=\"Trusted by\" className=\"py-20\">\n      {logos.map((logo, i) => (\n        <a\n          key={i}\n          href={logo.link}\n          className={cn(\n            `relative flex h-36 w-36 items-center justify-center rounded-full shadow-[0_4px_12px_rgba(0,0,0,0.08)] transition duration-500 ease-in-out hover:scale-100 sm:hover:scale-110`,\n            logo.bgColor\n          )}\n        >\n          <img\n            src={logo.img}\n            alt={`${logo.link} logo`}\n            className=\"h-28 w-28 object-contain\"\n          />\n        </a>\n      ))}\n    </FloatingElements>\n  )\n}\n",
      "type": "registry:example",
      "target": "components/floating-elements-demo.tsx"
    }
  ],
  "type": "registry:example"
}