{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "course-card",
  "type": "registry:ui",
  "title": "CourseCard",
  "description": "Editorial course and project card with badges, tags, and CTA.",
  "registryDependencies": [
    "https://ui.arpitbhayani.me/r/aui.json"
  ],
  "files": [
    {
      "path": "ui/course-card.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface CourseCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  title: string;\n  description: string;\n  href: string;\n  badge?: string;\n  tags?: string[];\n  ctaText?: string;\n}\n\nexport function CourseCard({\n  title,\n  description,\n  href,\n  badge,\n  tags = [],\n  ctaText = \"View details →\",\n  className,\n  ...props\n}: CourseCardProps) {\n  return (\n    <div\n      className={cn(\n        \"group relative rounded-xl border border-border bg-card p-6 shadow-xs hover:shadow-md hover:border-primary/40 transition-all duration-200 flex flex-col justify-between my-4\",\n        className\n      )}\n      {...props}\n    >\n      <div>\n        <div className=\"flex items-start justify-between gap-3 mb-2\">\n          <h3 className=\"font-heading text-xl font-bold tracking-tight text-foreground group-hover:text-primary transition-colors\">\n            <a href={href}>\n              <span className=\"absolute inset-0\" aria-hidden=\"true\" />\n              {title}\n            </a>\n          </h3>\n          {badge && (\n            <span className=\"relative z-10 px-2 py-0.5 rounded-full text-xs font-semibold bg-primary/10 text-primary border border-primary/20\">\n              {badge}\n            </span>\n          )}\n        </div>\n        <p className=\"text-sm text-muted-foreground leading-relaxed mb-4\">\n          {description}\n        </p>\n      </div>\n\n      <div>\n        {tags.length > 0 && (\n          <div className=\"flex flex-wrap gap-1.5 mb-5 relative z-10\">\n            {tags.map((t) => (\n              <span\n                key={t}\n                className=\"px-2 py-0.5 rounded text-[11px] font-mono bg-muted text-muted-foreground border border-border\"\n              >\n                {t}\n              </span>\n            ))}\n          </div>\n        )}\n\n        <div className=\"flex items-center justify-end pt-3 border-t border-border/70 relative z-10\">\n          <span className=\"text-sm font-semibold text-primary group-hover:translate-x-0.5 transition-transform inline-flex items-center gap-1\">\n            {ctaText}\n          </span>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:ui"
    }
  ]
}