{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"video-testimonial","type":"registry:block","title":"Video Testimonial","description":"A pull quote beside its 90-second video proof.","categories":["video"],"dependencies":["lucide-react"],"registryDependencies":[],"files":[{"path":"registry/blocks/video-testimonial.tsx","content":"import { Play } from \"lucide-react\";\n\nexport default function VideoTestimonial() {\n  return (\n    <section className=\"border-y border-border/60 bg-muted/30\">\n      <div className=\"mx-auto grid w-full max-w-5xl items-center gap-10 px-6 py-20 sm:py-24 lg:grid-cols-2\">\n        <div>\n          <blockquote className=\"text-2xl font-medium tracking-tight text-balance sm:text-3xl\">\n            “We migrated forty services in a quarter. Our old platform took a\n            year to onboard twelve.”\n          </blockquote>\n          <p className=\"mt-6 text-sm font-medium\">Imane Rekik</p>\n          <p className=\"text-sm text-muted-foreground\">\n            Engineering manager, Corda — 220 engineers\n          </p>\n        </div>\n\n        {/* Compact player card */}\n        <button\n          type=\"button\"\n          aria-label=\"Watch the Corda story, 1 minute 32\"\n          className=\"group relative overflow-hidden rounded-xl border border-border/60 bg-foreground text-left shadow-sm\"\n        >\n          <div className=\"relative aspect-video\">\n            <div\n              aria-hidden\n              className=\"absolute inset-0 bg-[linear-gradient(to_right,color-mix(in_oklab,var(--background)_10%,transparent)_1px,transparent_1px),linear-gradient(to_bottom,color-mix(in_oklab,var(--background)_10%,transparent)_1px,transparent_1px)] bg-[size:32px_32px]\"\n            />\n            <span className=\"absolute top-1/2 left-1/2 flex size-14 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-background text-foreground shadow-lg transition-transform group-hover:scale-105 motion-reduce:transition-none\">\n              <Play className=\"ml-0.5 size-5 fill-current\" />\n            </span>\n            <span className=\"absolute right-3 bottom-3 rounded-md bg-background/15 px-2 py-0.5 font-mono text-[11px] text-background tabular-nums\">\n              1:32\n            </span>\n          </div>\n        </button>\n      </div>\n    </section>\n  );\n}\n","type":"registry:block","target":"components/blocks/video/video-testimonial.tsx"}]}