{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["avatar"],"name":"testimonials-1","description":"Testimonial with centered quote, author details, and company logo.","categories":["testimonials"],"files":[{"path":"registry/blocks/testimonials/1/testimonials-section.tsx","type":"registry:component","content":"import {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"@/components/ui/avatar\";\n\nexport function TestimonialsSection() {\n\treturn (\n\t\t<figure className=\"mx-auto flex w-full max-w-lg flex-col items-center justify-center\">\n\t\t\t<div className=\"mb-8 flex items-center gap-1\">\n\t\t\t\t<VercelIcon aria-hidden=\"true\" className=\"size-6\" />\n\t\t\t\t<span className=\"font-medium text-lg\">Vercel</span>\n\t\t\t</div>\n\n\t\t\t<blockquote className=\"text-center text-xl leading-tight tracking-tight sm:text-2xl md:text-3xl\">\n\t\t\t\t&quot;<span className=\"font-medium\">Efferd</span> is why I still have\n\t\t\t\thair. No more worrying about UI blocks.&quot;\n\t\t\t</blockquote>\n\n\t\t\t<div className=\"mask-[linear-gradient(to_right,transparent,black,transparent)] mx-auto my-5 h-px w-full max-w-sm bg-border\" />\n\n\t\t\t<figcaption className=\"flex flex-col items-center gap-5\">\n\t\t\t\t<div className=\"space-y-0.5 text-center\">\n\t\t\t\t\t<cite className=\"font-medium text-foreground text-xl not-italic\">\n\t\t\t\t\t\tGuillermo Rauch\n\t\t\t\t\t</cite>\n\t\t\t\t\t<div className=\"text-lg text-muted-foreground\">CEO, Vercel</div>\n\t\t\t\t</div>\n\n\t\t\t\t<Avatar className=\"size-12 rounded-full border object-cover\">\n\t\t\t\t\t<AvatarImage\n\t\t\t\t\t\talt=\"Guillermo Rauch's profile picture\"\n\t\t\t\t\t\tsrc=\"https://github.com/rauchg.png\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AvatarFallback>GR</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t</figcaption>\n\t\t</figure>\n\t);\n}\n\nexport function VercelIcon(props: React.ComponentProps<\"svg\">) {\n\treturn (\n\t\t<svg preserveAspectRatio=\"xMidYMid\" viewBox=\"0 0 256 222\" {...props}>\n\t\t\t<path d=\"m128 0 128 221.705H0z\" fill=\"currentColor\" />\n\t\t</svg>\n\t);\n}\n"}]}