{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "marquee-stacked-demo",
  "registryDependencies": [
    "marquee",
    "@delta/marquee"
  ],
  "files": [
    {
      "path": "examples/marquee-stacked-demo.tsx",
      "content": "\"use client\"\n\nimport { Marquee } from \"@/components/ui/marquee\"\n\nconst brands = [\n  {\n    name: \"Google\",\n    logo: \"/images/brands/google.svg\",\n    alt: \"Google logo\",\n  },\n  {\n    name: \"Anthropic\",\n    logo: \"/images/brands/anthropic.svg\",\n    alt: \"Anthropic logo\",\n  },\n  {\n    name: \"Microsoft\",\n    logo: \"/images/brands/microsoft.svg\",\n    alt: \"Microsoft logo\",\n  },\n  {\n    name: \"Apple\",\n    logo: \"/images/brands/apple.svg\",\n    alt: \"Apple logo\",\n  },\n  {\n    name: \"NVIDIA\",\n    logo: \"/images/brands/nvidia.svg\",\n    alt: \"NVIDIA logo\",\n  },\n]\n\nexport default function MarqueeStackedDemo() {\n  return (\n    <div className=\"w-full space-y-8 py-12\">\n      {/* Top row - moving right to left */}\n      <Marquee direction=\"left\" speed={25} className=\"py-4\">\n        {brands.map((brand) => (\n          <img\n            key={brand.name}\n            src={brand.logo || \"/placeholder.svg\"}\n            alt={brand.alt || brand.name}\n            className=\"h-full w-auto object-contain\"\n            loading=\"lazy\"\n          />\n        ))}\n      </Marquee>\n\n      {/* Bottom row - moving left to right */}\n      <Marquee direction=\"right\" speed={30} className=\"py-4\">\n        {brands.map((brand) => (\n          <img\n            key={brand.name}\n            src={brand.logo || \"/placeholder.svg\"}\n            alt={brand.alt || brand.name}\n            className=\"h-full w-auto object-contain\"\n            loading=\"lazy\"\n          />\n        ))}\n      </Marquee>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}