{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonials-02",
  "title": "Testimonials 02",
  "author": "tusharvarshney <tushar@tusharvarshney.com>",
  "description": "A testimonials section with a lined layout.",
  "registryDependencies": [
    "https://www.kibo-ui.com/r/marquee.json",
    "https://tusharvarshney.com/r/style.json",
    "https://tusharvarshney.com/r/testimonial.json"
  ],
  "files": [
    {
      "path": "src/registry/blocks/testimonials-02/testimonials-02.tsx",
      "content": "import type { TestimonialType } from \"@/registry/blocks/testimonials-02/components/testimonial-list\"\nimport { TestimonialList } from \"@/registry/blocks/testimonials-02/components/testimonial-list\"\n\nexport default function Testimonials02() {\n  return (\n    <div className=\"max-w-screen overflow-x-hidden\">\n      <div className=\"container mx-auto px-4 py-8\">\n        <div className=\"border-x border-line\">\n          <h2 className=\"screen-line-top screen-line-bottom ml-4 font-heading text-3xl font-semibold tracking-tight\">\n            Loved by Devs Worldwide\n          </h2>\n\n          <p className=\"p-4 text-base text-balance text-muted-foreground\">\n            See what developers are saying about my work and projects.\n          </p>\n\n          <div className=\"screen-line-top screen-line-bottom before:z-11 after:z-11 [&_.rfm-initial-child-container]:items-stretch! [&_.rfm-marquee]:items-stretch!\">\n            <TestimonialList data={TESTIMONIALS_1} />\n            <div className=\"screen-line-top screen-line-bottom flex h-4\" />\n            <TestimonialList data={TESTIMONIALS_2} direction=\"right\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst TESTIMONIALS_1: TestimonialType[] = [\n  {\n    authorAvatar: \"https://unavatar.io/x/kapehe_ok\",\n    authorName: \"Kap\",\n    authorTagline: \"Head of Developer Community @Vercel\",\n    url: \"https://x.com/kapehe_ok/status/1948104774358106612\",\n    quote: \"one of my favorite projects that submitted! you are crushing it!\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/rauchg\",\n    authorName: \"Guillermo Rauch\",\n    authorTagline: \"CEO @Vercel\",\n    url: \"https://x.com/rauchg/status/1978913158514237669\",\n    quote:\n      \"awesome. Love the components, especially slide-to-unlock. Great job\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/iamsahaj_xyz\",\n    authorName: \"Sahaj\",\n    authorTagline: \"Creator of tweakcn.com\",\n    url: \"https://x.com/iamsahaj_xyz/status/1982814244501381239\",\n    quote:\n      \"remember seeing it on @mannupaaji’s review. it’s one of the best looking ones I’ve seen\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/FrancescoCiull4\",\n    authorName: \"Francesco Ciulla\",\n    authorTagline: \"Developer Advocate @daily.dev\",\n    url: \"https://x.com/FrancescoCiull4/status/2006332479536529608\",\n    quote:\n      \"your portfolio is stunning. i created mine some weeks ago but this is another planet.\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/orcdev\",\n    authorName: \"OrcDev\",\n    authorTagline: \"Creator of 8bitcn.com\",\n    url: \"https://x.com/orcdev/status/2011373509310878010\",\n    quote: \"@tusharvarshney is one of the best design engineers!\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/shadcncraft?v=2\",\n    authorName: \"shadcncraft\",\n    authorTagline: \"shadcncraft.com\",\n    url: \"https://x.com/shadcncraft/status/2017091317244055988\",\n    quote: \"Love your work Tushar! You’re a great talent :-)\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/khushiirl\",\n    authorName: \"khushi.vy\",\n    authorTagline: \"Software Engineer\",\n    url: \"https://x.com/khushiirl/status/2025894411155206168\",\n    quote: \"Goated portfolio. I love the whole UI in Vercel style\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/dimicx\",\n    authorName: \"dimi\",\n    authorTagline: \"Design Engineer\",\n    url: \"https://x.com/dimicx/status/2035018694053577149\",\n    quote:\n      \"i like this subtle version a lot more than the over-the-top examples i see everywhere, very nice\",\n  },\n]\n\nconst TESTIMONIALS_2: TestimonialType[] = [\n  {\n    authorAvatar: \"https://unavatar.io/x/MaxPrilutskiy\",\n    authorName: \"Max Prilutskiy\",\n    authorTagline: \"CEO @Lingo.dev\",\n    url: \"https://x.com/MaxPrilutskiy/status/1923952193893466379\",\n    quote: \"i like your style! :)\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/jordwalke\",\n    authorName: \"jordwalke\",\n    authorTagline: \"Creator of React\",\n    url: \"https://x.com/jordwalke/status/1937165909778657589\",\n    quote: \"Looks great\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/mannupaaji\",\n    authorName: \"Manu Arora\",\n    authorTagline: \"Creator of ui.aceternity.com\",\n    url: \"https://x.com/mannupaaji/status/1944755561117163597\",\n    quote: \"Great work on the portfolio\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/ajaypatel_aj\",\n    authorName: \"Ajay Patel\",\n    authorTagline: \"Creator of shadcnstudio.com\",\n    url: \"https://x.com/ajaypatel_aj/status/1992946036558778494\",\n    quote: \"This Portfolio is something else\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/davidhdev\",\n    authorName: \"David Haz\",\n    authorTagline: \"Creator of reactbits.dev\",\n    url: \"https://x.com/davidhdev/status/2017868986969444511\",\n    quote: \"Simple and clean, love it!\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/uixmat\",\n    authorName: \"Matt\",\n    authorTagline: \"Building bklit.com & ui.bklit.com\",\n    url: \"https://x.com/uixmat/status/2023145872771436904\",\n    quote: \"great work bro\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/branmcconnell\",\n    authorName: \"Brandon McConnell\",\n    authorTagline: \"Frontend Engineer @mintlify\",\n    url: \"https://x.com/branmcconnell/status/2028391281198862377\",\n    quote: \"amazing, such cool libraries\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/shadcn\",\n    authorName: \"shadcn\",\n    authorTagline: \"Creator of shadcn/ui\",\n    url: \"https://x.com/shadcn/status/2032193591133495700\",\n    quote: \"You’re doing amazing work.\",\n  },\n  {\n    authorAvatar: \"https://unavatar.io/x/joshpuckett\",\n    authorName: \"joshpuckett\",\n    authorTagline: \"Teaching at interfacecraft.dev\",\n    url: \"https://x.com/joshpuckett/status/2038713206764617896\",\n    quote: \"Yooo I love this 🎨\",\n  },\n]\n",
      "type": "registry:component",
      "target": "@components/testimonials-02.tsx"
    },
    {
      "path": "src/registry/blocks/testimonials-02/components/testimonial-list.tsx",
      "content": "import {\n  Marquee,\n  MarqueeContent,\n  MarqueeFade,\n  MarqueeItem,\n} from \"@/components/kibo-ui/marquee\"\nimport {\n  Testimonial,\n  TestimonialAuthor,\n  TestimonialAuthorName,\n  TestimonialAuthorTagline,\n  TestimonialAvatar,\n  TestimonialAvatarImg,\n  TestimonialAvatarRing,\n  TestimonialQuote,\n} from \"@/registry/components/testimonial\"\n\nexport type TestimonialType = {\n  /** URL to the person's profile picture or avatar image */\n  authorAvatar: string\n  /** Full display name of the person giving the testimonial */\n  authorName: string\n  /** Short tagline, title, or description of the person */\n  authorTagline: string\n  /** Link to the person's profile, website, or social media page */\n  url: string\n  /** The testimonial text content or recommendation message */\n  quote: string\n}\n\nexport function TestimonialList({\n  direction,\n  data,\n}: {\n  direction?: \"right\" | \"left\"\n  data: TestimonialType[]\n}) {\n  return (\n    <Marquee>\n      <MarqueeFade side=\"left\" />\n      <MarqueeFade side=\"right\" />\n\n      <MarqueeContent direction={direction}>\n        {data.map((item) => (\n          <MarqueeItem\n            key={item.url}\n            className=\"mx-0 h-full w-xs border-r border-line\"\n          >\n            <a\n              className=\"block h-full transition-[background-color] hover:bg-accent/15\"\n              href={item.url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <TestimonialItem {...item} />\n            </a>\n          </MarqueeItem>\n        ))}\n      </MarqueeContent>\n    </Marquee>\n  )\n}\n\nfunction TestimonialItem({\n  authorAvatar,\n  authorName,\n  authorTagline,\n  quote,\n}: TestimonialType) {\n  return (\n    <Testimonial>\n      <TestimonialQuote className=\"min-h-14\">\n        <p>{quote}</p>\n      </TestimonialQuote>\n\n      <TestimonialAuthor>\n        <TestimonialAvatar>\n          <TestimonialAvatarImg src={authorAvatar} alt={authorName} />\n          <TestimonialAvatarRing />\n        </TestimonialAvatar>\n\n        <TestimonialAuthorName>{authorName}</TestimonialAuthorName>\n        <TestimonialAuthorTagline>{authorTagline}</TestimonialAuthorTagline>\n      </TestimonialAuthor>\n    </Testimonial>\n  )\n}\n",
      "type": "registry:component",
      "target": "@components/testimonial-list.tsx"
    }
  ],
  "meta": {
    "createdAt": "2026-03-29"
  },
  "categories": [
    "marketing",
    "testimonials"
  ],
  "type": "registry:block"
}