{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "testimonial-2",
  "title": "Testimonial 2",
  "author": "ncdai <dai@chanhdai.com>",
  "description": "Display a testimonial quote with author attribution and source link.",
  "files": [
    {
      "path": "src/registry/components/testimonial-2/testimonial-2.tsx",
      "content": "import { cn } from \"@/lib/utils\"\n\nexport type Testimonial2Props = {\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  /** Additional CSS classes to apply to the testimonial container. */\n  className?: string\n}\n\nexport function Testimonial2({\n  className,\n  authorName,\n  authorTagline,\n  url,\n  quote,\n}: Testimonial2Props) {\n  return (\n    <figure className={cn(\"relative flex flex-col gap-6 pl-3\", className)}>\n      <blockquote className=\"relative block w-full font-serif text-xl text-foreground md:w-lg md:text-2xl\">\n        <span\n          className=\"absolute -left-3 text-muted-foreground select-none\"\n          aria-hidden=\"true\"\n        >\n          “\n        </span>\n        <p className=\"inline text-pretty\">{quote}</p>\n        <span\n          className=\"absolute translate-x-0.5 text-muted-foreground select-none\"\n          aria-hidden=\"true\"\n        >\n          ”\n        </span>\n      </blockquote>\n\n      <figcaption className=\"ml-auto flex w-full items-center gap-2 md:w-1/2\">\n        <div className=\"hidden h-px grow translate-y-px bg-border md:block\" />\n\n        <div className=\"flex flex-col md:ml-auto md:text-right\">\n          <span className=\"text-sm/none font-medium\">\n            <a href={url} target=\"_blank\" rel=\"noopener\">\n              <span className=\"absolute inset-0\" aria-hidden />\n              {authorName}\n            </a>\n            <span className=\"mt-1 block text-muted-foreground md:mt-0 md:inline\">\n              <span className=\"hidden text-foreground md:inline\">, </span>\n              {authorTagline}\n            </span>\n          </span>\n        </div>\n      </figcaption>\n    </figure>\n  )\n}\n",
      "type": "registry:component",
      "target": "@components/testimonial-2.tsx"
    }
  ],
  "docs": "https://chanhdai.com/components/testimonial-2",
  "categories": [
    "marketing"
  ],
  "type": "registry:component"
}