{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-2",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "avatar",
    "button",
    "card"
  ],
  "files": [
    {
      "path": "src/components/watermelon-ui/testimonials-2.tsx",
      "content": "\"use client\";\n\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport { ChevronRight, Star } from \"lucide-react\";\n\nconst testimonials = [\n  {\n    text: \"Setting up smart spend limits and approvals took minutes — now our team moves faster.\",\n    name: \"Guillermo Rauch\",\n    avatar: \"https://github.com/rauchg.png\",\n    fallback: \"GR\",\n  },\n  {\n    text: \"Love how fast we integrated our banks, wallets, and started tracking expenses in real-time.\",\n    name: \"Lee Robinson\",\n    avatar: \"https://github.com/leerob.png\",\n    fallback: \"LR\",\n  },\n  {\n    text: \"Audit prep went from painful to painless. This tool just works and saves hours every week.\",\n    name: \"Dan Abramov\",\n    avatar: \"https://github.com/gaearon.png\",\n    fallback: \"DA\",\n  },\n  {\n    text: \"We automated multi-step approvals and finally stopped chasing down manual receipts.\",\n    name: \"Kent C. Dodds\",\n    avatar: \"https://github.com/kentcdodds.png\",\n    fallback: \"KD\",\n  },\n  {\n    text: \"Smart controls, simple interface. It’s the only tool our finance ops actually enjoy using.\",\n    name: \"Evan You\",\n    avatar: \"https://github.com/yyx990803.png\",\n    fallback: \"EY\",\n  },\n  {\n    text: \"Vendor payments used to be messy. Now we track, approve, and sync everything instantly.\",\n    name: \"Theo Browne\",\n    avatar: \"https://github.com/t3dotgg.png\",\n    fallback: \"TB\",\n  },\n];\n\nexport default function Testimonials2() {\n  return (\n    <section className=\"theme-injected bg-background px-4 py-16 md:px-8\">\n      <div className=\"mx-auto max-w-6xl text-center\">\n        <h2 className=\"text-foreground text-4xl font-semibold md:text-5xl\">\n          Trusted by teams who move money\n        </h2>\n\n        <p className=\"text-muted-foreground mx-auto mt-4 max-w-2xl\">\n          Reduce risk, gain visibility, and help your finance team stay focused\n          — not buried in approvals.\n        </p>\n\n        <div className=\"mt-12 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3\">\n          {testimonials.map((t, i) => (\n            <Card\n              key={i}\n              className=\"group border-primary/20 dark:border-primary/30 from-primary/30 to-primary/25 dark:from-primary/50 dark:to-primary/40 relative z-0 h-full overflow-hidden rounded-4xl border bg-gradient-to-b p-2 text-left ring-0\"\n            >\n              <div className=\"pointer-events-none absolute inset-0 opacity-0 transition-all duration-300 group-hover:opacity-100\">\n                <div className=\"absolute inset-0 scale-[1.5] bg-[radial-gradient(circle_at_20%_20%,hsl(var(--primary)/0.15),transparent_40%),radial-gradient(circle_at_80%_30%,hsl(var(--primary)/0.1),transparent_40%),radial-gradient(circle_at_50%_80%,hsl(var(--primary)/0.12),transparent_40%)] transition-transform duration-500 group-hover:scale-100\" />\n              </div>\n\n              <CardContent className=\"relative z-10 flex h-full flex-col rounded-3xl bg-white px-4 py-4 shadow-[0_0_4px_2px_rgba(0,0,0,0.04),0_0_0px_1px_rgba(0,0,0,0.05),inset_0_1px_4px_1px_rgba(255,255,255,1)] dark:bg-zinc-950 dark:shadow-[inset_0_1px_0px_1px_rgba(255,255,255,0.1),0_0_4px_2px_rgba(0,0,0,0.14),0_0_0px_2px_rgba(0,0,0,0.15)]\">\n                <div className=\"mb-4 flex items-center gap-1\">\n                  {[...Array(5)].map((_, idx) => (\n                    <Star\n                      key={idx}\n                      className=\"fill-primary text-primary h-4 w-4\"\n                    />\n                  ))}\n                </div>\n\n                <p className=\"text-foreground flex-1 text-2xl leading-relaxed\">\n                  \"{t.text}\"\n                </p>\n\n                <div className=\"mt-6 flex items-center gap-3\">\n                  <Avatar className=\"h-8 w-8 rounded-lg\">\n                    <AvatarImage src={t.avatar} />\n                    <AvatarFallback>{t.fallback}</AvatarFallback>\n                  </Avatar>\n                  <span className=\"text-foreground text-sm\">{t.name}</span>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n\n        <div className=\"mx-auto mt-10\">\n          <a\n            href=\"#\"\n            className=\"text-muted-foreground hover:text-foreground decoration-primary flex items-center justify-center gap-1 underline-offset-4 transition hover:underline\"\n          >\n            See all testimonials\n            <ChevronRight />\n          </a>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/testimonials-2.tsx"
    }
  ],
  "type": "registry:ui"
}