{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-2",
  "title": "Single Voice Spotlight",
  "description": "Single featured testimonial section with a large pull quote, oversized grayscale avatar, and three supporting outcome metrics.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "avatar",
    "separator"
  ],
  "files": [
    {
      "path": "registry/blocks/testimonials/2/testimonials-block.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nconst testimonial = {\n  quote:\n    \"Acme's platform compressed what used to be a six-week integration cycle down to a single sprint. Our engineers finally have breathing room to work on things that matter, and our customers felt the difference immediately.\",\n  name: \"Isabelle Fontaine\",\n  role: \"Chief Product Officer\",\n  company: \"Meridian Labs\",\n  initials: \"IF\",\n  avatar: \"https://i.pravatar.cc/150?img=45\",\n}\n\nconst metrics = [\n  { value: \"6×\", label: \"faster integrations\" },\n  { value: \"40%\", label: \"less engineer toil\" },\n  { value: \"1 sprint\", label: \"to full deployment\" },\n]\n\nexport default function TestimonialsBlock() {\n  return (\n    <section className=\"flex w-full items-center justify-center bg-background px-6 py-24 text-foreground\">\n      <div className=\"mx-auto w-full max-w-2xl\">\n        <div className=\"relative rounded-xl border border-border bg-card p-10 sm:p-14\">\n          <div\n            className=\"absolute top-10 left-0 h-16 w-[3px] bg-foreground\"\n            aria-hidden=\"true\"\n          />\n\n          <IconPlaceholder\n            lucide=\"Quote\"\n            tabler=\"IconQuotes\"\n            hugeicons=\"QuotesIcon\"\n            phosphor=\"Quotes\"\n            remixicon=\"RiDoubleQuotesR\"\n            className=\"mb-8 size-8 text-muted-foreground\"\n            aria-hidden=\"true\"\n          />\n\n          <blockquote className=\"text-xl leading-[1.65] font-medium tracking-tight text-foreground sm:text-2xl\">\n            &ldquo;{testimonial.quote}&rdquo;\n          </blockquote>\n\n          <Separator className=\"my-10\" />\n\n          <div className=\"flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between\">\n            <div className=\"flex items-center gap-4\">\n              <Avatar className=\"size-14 border border-border\">\n                <AvatarImage\n                  src={testimonial.avatar}\n                  alt={testimonial.name}\n                  className=\"grayscale\"\n                />\n                <AvatarFallback className=\"text-sm font-semibold\">\n                  {testimonial.initials}\n                </AvatarFallback>\n              </Avatar>\n\n              <div className=\"flex flex-col gap-1\">\n                <span className=\"text-sm leading-tight font-semibold text-foreground\">\n                  {testimonial.name}\n                </span>\n                <span className=\"text-xs leading-tight text-muted-foreground\">\n                  {testimonial.role},{\" \"}\n                  <span className=\"font-medium text-foreground\">\n                    {testimonial.company}\n                  </span>\n                </span>\n              </div>\n            </div>\n\n            <div className=\"flex items-center gap-6 sm:gap-8\">\n              {metrics.map((m, i) => (\n                <div\n                  key={i}\n                  className=\"flex flex-col items-center gap-0.5 text-center\"\n                >\n                  <span className=\"text-lg leading-none font-bold tracking-tight text-foreground\">\n                    {m.value}\n                  </span>\n                  <span className=\"text-[11px] leading-tight text-muted-foreground\">\n                    {m.label}\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/testimonials-2.tsx"
    }
  ],
  "meta": {
    "height": "713px",
    "tier": "free"
  },
  "categories": [
    "testimonials"
  ],
  "type": "registry:block"
}