{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "marquee-cards-demo",
  "registryDependencies": [
    "marquee",
    "@delta/marquee"
  ],
  "files": [
    {
      "path": "examples/marquee-cards-demo.tsx",
      "content": "\"use client\"\n\nimport { Marquee } from \"@/components/ui/marquee\"\n\nconst testimonials = [\n  {\n    name: \"Sarah Chen\",\n    role: \"Product Manager\",\n    company: \"TechCorp\",\n    content:\n      \"This component library has revolutionized our development workflow. The quality and attention to detail is exceptional.\",\n    avatar:\n      \"https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face\",\n  },\n  {\n    name: \"Alex Rodriguez\",\n    role: \"Senior Developer\",\n    company: \"StartupXYZ\",\n    content:\n      \"Beautiful components that are actually usable in production. The documentation is clear and examples are helpful.\",\n    avatar:\n      \"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face\",\n  },\n  {\n    name: \"Emily Johnson\",\n    role: \"Design Lead\",\n    company: \"CreativeStudio\",\n    content:\n      \"Perfect balance between design and functionality. These components save us hours of development time.\",\n    avatar:\n      \"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop&crop=face\",\n  },\n  {\n    name: \"Michael Kim\",\n    role: \"Frontend Engineer\",\n    company: \"DevTeam\",\n    content:\n      \"Clean, well-documented, and performant. Everything we need for modern web applications.\",\n    avatar:\n      \"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face\",\n  },\n  {\n    name: \"Jessica Wu\",\n    role: \"UI/UX Designer\",\n    company: \"DesignLab\",\n    content:\n      \"These components bridge the gap between design and development perfectly. Highly recommended!\",\n    avatar:\n      \"https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=150&h=150&fit=crop&crop=face\",\n  },\n]\n\nexport default function MarqueeCardsDemo() {\n  return (\n    <div className=\"w-full py-12\">\n      <Marquee speed={35} className=\"py-4\">\n        {testimonials.map((testimonial) => (\n          <div\n            key={testimonial.name}\n            className=\"bg-card border-border rounded-lg border p-6 shadow-sm\"\n          >\n            <div className=\"flex items-start gap-4\">\n              <img\n                src={testimonial.avatar}\n                alt={testimonial.name}\n                className=\"h-12 w-12 rounded-full object-cover\"\n              />\n              <div className=\"flex-1\">\n                <div className=\"mb-2\">\n                  <h4 className=\"text-sm font-semibold\">{testimonial.name}</h4>\n                  <p className=\"text-muted-foreground text-xs\">\n                    {testimonial.role} at {testimonial.company}\n                  </p>\n                </div>\n                <p className=\"text-muted-foreground text-sm leading-relaxed\">\n                  \"{testimonial.content}\"\n                </p>\n              </div>\n            </div>\n          </div>\n        ))}\n      </Marquee>\n    </div>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}