{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-02",
  "title": "Three-column testimonial grid",
  "description": "Three quote cards in a clean grid, each with a star rating, body and gradient avatar.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "content/components/testimonials/testimonials-02.tsx",
      "content": "import { Star } from \"lucide-react\"\n\nconst quotes = [\n  {\n    body: \"The detail in every component is the kind of thing I usually only see inside a single great design team.\",\n    author: \"Karri Saarinen\",\n    role: \"Design Engineer · Linear\",\n    color: \"conic-gradient(from 0deg, #fbbf24, #f43f5e, #6366f1, #fbbf24)\",\n  },\n  {\n    body: \"Our marketing pages stayed honest. Real shadcn primitives, real Tailwind tokens, no rewrite.\",\n    author: \"Andy Hattemer\",\n    role: \"Founding Designer\",\n    color: \"conic-gradient(from 0deg, #6366f1, #22d3ee, #6366f1)\",\n  },\n  {\n    body: \"We swapped six months of marketing scaffolding for blockus and shipped nine landing pages in a single sprint.\",\n    author: \"Mira Sayan\",\n    role: \"Head of Growth · Notion\",\n    color: \"conic-gradient(from 0deg, #22d3ee, #fbbf24, #f43f5e, #22d3ee)\",\n  },\n]\n\nexport default function Testimonials02() {\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-6xl px-6 sm:px-10\">\n        <div className=\"flex flex-col items-center gap-3 text-center\">\n          <span className=\"text-xs font-medium uppercase tracking-[0.18em] text-muted-foreground\">\n            Loved by builders\n          </span>\n          <h2\n            className=\"text-balance font-semibold tracking-tight\"\n            style={{\n              fontSize: \"clamp(1.85rem, 4vw, 2.75rem)\",\n              letterSpacing: \"-0.03em\",\n              lineHeight: 1.08,\n            }}\n          >\n            What teams say after shipping\n          </h2>\n        </div>\n\n        <ul className=\"mt-14 grid gap-4 md:grid-cols-3\">\n          {quotes.map((q) => (\n            <li\n              key={q.author}\n              className=\"flex flex-col gap-4 rounded-2xl border border-border bg-card p-6 shadow-sm shadow-black/5\"\n            >\n              <div className=\"flex items-center gap-1 text-amber-500\">\n                {[...Array(5)].map((_, i) => (\n                  <Star key={i} className=\"size-3.5 fill-current\" />\n                ))}\n              </div>\n              <blockquote className=\"text-balance text-sm leading-relaxed text-foreground\">\n                &ldquo;{q.body}&rdquo;\n              </blockquote>\n              <figcaption className=\"mt-auto flex items-center gap-3\">\n                <span\n                  aria-hidden\n                  className=\"size-9 shrink-0 rounded-full ring-2 ring-border\"\n                  style={{ background: q.color }}\n                />\n                <div className=\"flex flex-col leading-tight\">\n                  <span className=\"text-sm font-medium text-foreground\">\n                    {q.author}\n                  </span>\n                  <span className=\"text-xs text-muted-foreground\">\n                    {q.role}\n                  </span>\n                </div>\n              </figcaption>\n            </li>\n          ))}\n        </ul>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/testimonials-02.tsx"
    }
  ],
  "categories": [
    "testimonials"
  ],
  "type": "registry:block"
}