{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-3",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "avatar",
    "button",
    "card"
  ],
  "files": [
    {
      "path": "src/components/watermelon-ui/testimonials-3.tsx",
      "content": "import React from \"react\";\nimport { Card } from \"@/components/ui/card\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport { CheckCircle, Heart, Repeat2 } from \"lucide-react\";\n\nfunction XLogoIcon(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <title>X</title>\n      <path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z\" />\n    </svg>\n  );\n}\n\nconst TESTIMONIALS = [\n  {\n    name: \"Dan Abramov\",\n    username: \"@dan_abramov\",\n    avatar: \"https://github.com/gaearon.png\",\n    text: \"Honestly didn't expect onboarding to be this smooth. Everything just clicked without me reading docs.\",\n    date: \"Dec 5, 2025\",\n    replies: 21,\n    retweets: 48,\n    likes: 390,\n  },\n  {\n    name: \"Evan You\",\n    username: \"@youyuxi\",\n    avatar: \"https://github.com/yyx990803.png\",\n    text: \"The way it adapts to your workflow instead of forcing one is what sold me.\",\n    date: \"Dec 5, 2025\",\n    replies: 11,\n    retweets: 34,\n    likes: 265,\n  },\n  {\n    name: \"Sindre Sorhus\",\n    username: \"@sindresorhus\",\n    avatar: \"https://github.com/sindresorhus.png\",\n    text: \"Zero clutter, zero confusion. This is how tools should feel in 2025.\",\n    date: \"Dec 5, 2025\",\n    replies: 15,\n    retweets: 41,\n    likes: 320,\n  },\n  {\n    name: \"Linus Torvalds\",\n    username: \"@torvalds\",\n    avatar: \"https://github.com/torvalds.png\",\n    text: \"I care about efficiency. This actually removes friction instead of adding abstraction.\",\n    date: \"Dec 5, 2025\",\n    replies: 33,\n    retweets: 72,\n    likes: 610,\n  },\n  {\n    name: \"David H. Hansson\",\n    username: \"@dhh\",\n    avatar: \"https://github.com/dhh.png\",\n    text: \"Feels opinionated in the right places. You don't waste time deciding trivial things.\",\n    date: \"Dec 5, 2025\",\n    replies: 14,\n    retweets: 38,\n    likes: 295,\n  },\n  {\n    name: \"Theo Browne\",\n    username: \"@t3dotgg\",\n    avatar: \"https://github.com/t3dotgg.png\",\n    text: \"Setup took minutes, but what surprised me is how fast the team adopted it.\",\n    date: \"Dec 5, 2025\",\n    replies: 27,\n    retweets: 63,\n    likes: 470,\n  },\n  {\n    name: \"Jeremy Ashkenas\",\n    username: \"@jashkenas\",\n    avatar: \"https://github.com/jashkenas.png\",\n    text: \"Replaced 3 tools with this. Not going back.\",\n    date: \"Dec 5, 2025\",\n    replies: 9,\n    retweets: 22,\n    likes: 205,\n  },\n  {\n    name: \"Guillermo Rauch\",\n    username: \"@rauchg\",\n    avatar: \"https://github.com/rauchg.png\",\n    text: \"Fast, predictable, and well-designed. You can tell a lot of thought went into the UX.\",\n    date: \"Dec 5, 2025\",\n    replies: 18,\n    retweets: 50,\n    likes: 380,\n  },\n  {\n    name: \"Addy Osmani\",\n    username: \"@addyosmani\",\n    avatar: \"https://github.com/addyosmani.png\",\n    text: \"Performance is top-tier. No loading anxiety, no weird delays — just instant feedback.\",\n    date: \"Dec 5, 2025\",\n    replies: 16,\n    retweets: 44,\n    likes: 340,\n  },\n];\n\nexport default function Testimonials3() {\n  return (\n    <section className=\"theme-injected bg-background py-16\">\n      <div className=\"container mx-auto px-4 md:px-6\">\n        <div className=\"mb-12 flex flex-col items-center text-center md:mb-16\">\n          <h2 className=\"text-foreground mb-3 text-4xl font-semibold tracking-tight md:text-5xl\">\n            Teams don’t go back after switching\n          </h2>\n          <p className=\"text-muted-foreground max-w-xl text-base md:text-lg\">\n            Real feedback from people using it every day — not curated quotes.\n          </p>\n        </div>\n\n        <div className=\"mx-auto grid max-w-6xl grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3\">\n          {TESTIMONIALS.map((t, idx) => (\n            <Card\n              key={idx}\n              className=\"bg-muted/50 flex flex-col rounded-xl pb-4 shadow-[inset_0px_1px_0px_0px_rgba(255,255,255,1),0px_0px_0px_1px_rgba(0,0,0,0.08),0px_1px_2px_-1px_rgba(0,0,0,0.08),0px_2px_4px_0px_rgba(0,0,0,0.06)] ring-0 transition-all duration-200 hover:shadow-[inset_0px_1px_0px_0px_rgba(255,255,255,1),0px_0px_0px_1px_rgba(0,0,0,0.08),0px_6px_8px_0px_rgba(0,0,0,0.1)] dark:shadow-[inset_0px_1px_0px_0px_rgba(255,255,255,0.06),0px_0px_0px_1px_rgba(255,255,255,0.08),0px_1px_2px_-1px_rgba(0,0,0,0.4),0px_2px_4px_0px_rgba(0,0,0,0.3)] dark:hover:shadow-[inset_0px_1px_0px_0px_rgba(255,255,255,0.06),0px_0px_0px_1px_rgba(255,255,255,0.1),0px_6px_8px_0px_rgba(0,0,0,0.5)]\"\n            >\n              <div className=\"flex items-start justify-between px-4\">\n                <div className=\"flex items-start gap-3\">\n                  <Avatar className=\"h-10 w-10\">\n                    <AvatarImage src={t.avatar} alt={t.name} />\n                    <AvatarFallback>{t.name[0]}</AvatarFallback>\n                  </Avatar>\n\n                  <div className=\"flex flex-col leading-tight\">\n                    <div className=\"flex items-center gap-1\">\n                      <span className=\"text-foreground text-sm font-semibold\">\n                        {t.name}\n                      </span>\n                      <CheckCircle className=\"h-3.5 w-3.5 fill-sky-500 text-sky-500\" />\n                    </div>\n\n                    <span className=\"text-muted-foreground text-xs\">\n                      {t.username}\n                    </span>\n                  </div>\n                </div>\n\n                <XLogoIcon className=\"text-muted-foreground h-4 w-4\" />\n              </div>\n\n              <p className=\"text-foreground text-md flex-1 px-4 leading-relaxed\">\n                {t.text}\n              </p>\n\n              <div className=\"flex flex-row items-center justify-between px-4\">\n                <div className=\"text-muted-foreground text-sm font-medium\">\n                  {t.date}\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <button className=\"text-muted-foreground flex items-center gap-1 text-sm font-medium transition-colors hover:text-red-500\">\n                    <Heart className=\"h-4 w-4\" />\n                    <span>{t.likes}</span>\n                  </button>\n                  <button className=\"text-muted-foreground flex items-center gap-1 text-sm font-medium transition-colors hover:text-green-500\">\n                    <Repeat2 className=\"h-4 w-4\" />\n                    <span>{t.retweets}</span>\n                  </button>\n                </div>\n              </div>\n            </Card>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/testimonials-3.tsx"
    }
  ],
  "type": "registry:ui"
}