{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "testimonial-marquee-block",
  "type": "registry:ui",
  "title": "Endless Social Proof Testimonials",
  "description": "Continuous dual-directional testimonial marquee with verified engineer reviews and star ratings.",
  "category": "sections",
  "dependencies": [
    "@phosphor-icons/react"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "tags": [
    "sections",
    "testimonials",
    "marquee",
    "reviews"
  ],
  "files": [
    {
      "path": "registry/sections/testimonial-marquee-block/testimonial-marquee-block.tsx",
      "type": "registry:ui",
      "target": "components/ui/testimonial-marquee-block.tsx",
      "content": "import React from 'react';\nimport { Star } from '@phosphor-icons/react';\n\ninterface Review {\n  name: string;\n  role: string;\n  avatar: string;\n  quote: string;\n}\n\nconst REVIEWS: Review[] = [\n  {\n    name: 'Sarah Chen',\n    role: 'Staff Engineer @ Vercel',\n    avatar: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=100&h=100&fit=crop&crop=face',\n    quote: 'The animations feel as fluid as Apple hardware. Saved our engineering team 3 weeks of custom physics tuning.',\n  },\n  {\n    name: 'Alex Rivera',\n    role: 'Design Technologist @ Linear',\n    avatar: 'https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face',\n    quote: 'Best component library since Tailwind UI. The magnetic dock and shader backgrounds are simply breathtaking.',\n  },\n  {\n    name: 'Elena Rostova',\n    role: 'Founder @ Synapse AI',\n    avatar: 'https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop&crop=face',\n    quote: 'Every component is clean, unbloated, and copies directly into Next.js App Router without weird hydration issues.',\n  },\n  {\n    name: 'Marcus Vance',\n    role: 'Principal Architect @ Stripe',\n    avatar: 'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop&crop=face',\n    quote: 'The craftsmanship on micro-interactions and tactile springs sets the gold standard for modern developer tools.',\n  },\n];\n\nexport const TestimonialMarqueeBlock: React.FC = () => {\n  return (\n    <div className=\"relative w-full max-w-5xl mx-auto py-8 overflow-hidden\">\n      {/* Side Vignette Fades */}\n      <div className=\"absolute left-0 top-0 bottom-0 w-24 bg-gradient-to-r from-zinc-950 to-transparent z-10 pointer-events-none\" />\n      <div className=\"absolute right-0 top-0 bottom-0 w-24 bg-gradient-to-l from-zinc-950 to-transparent z-10 pointer-events-none\" />\n\n      {/* Marquee Row */}\n      <div className=\"flex gap-6 w-max animate-[marquee_30s_linear_infinite] hover:[animation-play-state:paused]\">\n        {[...REVIEWS, ...REVIEWS].map((item, idx) => (\n          <div\n            key={idx}\n            className=\"w-[320px] shrink-0 p-5 rounded-2xl bg-zinc-900/70 border border-white/10 backdrop-blur-md flex flex-col justify-between space-y-4 hover:border-indigo-500/40 transition-colors\"\n          >\n            <div className=\"space-y-2\">\n              <div className=\"flex gap-1 text-amber-400\">\n                {Array.from({ length: 5 }).map((_, i) => (\n                  <Star key={i} size={14} weight=\"fill\" />\n                ))}\n              </div>\n              <p className=\"text-xs text-zinc-700 dark:text-zinc-300 leading-relaxed italic\">\n                \"{item.quote}\"\n              </p>\n            </div>\n\n            <div className=\"flex items-center gap-3 pt-3 border-t border-white/5\">\n              <img\n                src={item.avatar}\n                alt={item.name}\n                className=\"w-9 h-9 rounded-full object-cover border border-white/10\"\n              />\n              <div>\n                <h5 className=\"text-xs font-semibold text-zinc-900 dark:text-white\">{item.name}</h5>\n                <p className=\"text-[10px] text-zinc-400\">{item.role}</p>\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"
    }
  ],
  "tailwind": {
    "required": true
  },
  "framework": [
    "react",
    "nextjs",
    "vite"
  ]
}