{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero",
  "type": "registry:ui",
  "title": "Hero",
  "description": "A centered landing page hero with an optional eyebrow, a large headline, supporting copy and up to two call to action buttons. A plain Tailwind starting point.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/button.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/hero.tsx",
      "type": "registry:ui",
      "target": "components/ui/hero.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\n\nfunction Hero({\n  eyebrow,\n  title,\n  description,\n  primaryAction,\n  secondaryAction,\n  className,\n}: {\n  eyebrow?: string\n  title: string\n  description?: string\n  primaryAction?: { label: string; onClick?: () => void }\n  secondaryAction?: { label: string; onClick?: () => void }\n  className?: string\n}) {\n  return (\n    <section data-slot=\"hero\" className={cn(\"mx-auto max-w-3xl py-16 text-center\", className)}>\n      {eyebrow ? <p className=\"mb-3 text-xs font-medium tracking-[0.01em] text-accent uppercase\">{eyebrow}</p> : null}\n      <h1 className=\"text-4xl font-medium tracking-[-0.026em] text-fg sm:text-5xl sm:tracking-[-0.030em]\">{title}</h1>\n      {description ? <p className=\"mx-auto mt-4 max-w-xl text-base leading-[1.55] text-fg-muted\">{description}</p> : null}\n      {(primaryAction || secondaryAction) ? (\n        <div className=\"mt-8 flex flex-wrap items-center justify-center gap-3\">\n          {primaryAction ? <Button onClick={primaryAction.onClick}>{primaryAction.label}</Button> : null}\n          {secondaryAction ? <Button variant=\"outline\" onClick={secondaryAction.onClick}>{secondaryAction.label}</Button> : null}\n        </div>\n      ) : null}\n    </section>\n  )\n}\nexport { Hero }\n"
    }
  ]
}