{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero",
  "type": "registry:ui",
  "title": "Hero",
  "description": "Editorial profile hero section with avatar, heading, and bio.",
  "registryDependencies": [
    "https://ui.arpitbhayani.me/r/aui.json"
  ],
  "files": [
    {
      "path": "ui/hero.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nexport interface HeroProps extends React.HTMLAttributes<HTMLElement> {\n  title?: string;\n  subtitle?: string;\n  bio?: React.ReactNode;\n  avatarUrl?: string;\n  avatarAlt?: string;\n  actions?: React.ReactNode;\n  socialLinks?: React.ReactNode;\n}\n\nexport function Hero({\n  title = \"Hey, I am Arpit\",\n  subtitle = \"engineering, databases, and systems. always building.\",\n  bio,\n  avatarUrl,\n  avatarAlt = \"Portrait\",\n  actions,\n  socialLinks,\n  className,\n  ...props\n}: HeroProps) {\n  return (\n    <section\n      className={cn(\"py-12 md:py-16 border-b border-border\", className)}\n      {...props}\n    >\n      <div className=\"flex flex-col-reverse md:flex-row items-center justify-between gap-8 md:gap-12\">\n        <div className=\"flex-1 space-y-4 text-left\">\n          {title && (\n            <h1 className=\"text-3xl md:text-5xl font-heading font-extrabold tracking-tight text-foreground\">\n              {title}\n            </h1>\n          )}\n          {subtitle && (\n            <p className=\"font-serif italic text-lg md:text-xl text-muted-foreground leading-relaxed\">\n              {subtitle}\n            </p>\n          )}\n          {bio && <div className=\"text-base text-foreground/80 leading-relaxed pt-2\">{bio}</div>}\n          {actions && <div className=\"pt-2 flex items-center gap-3\">{actions}</div>}\n          {socialLinks && <div className=\"pt-3\">{socialLinks}</div>}\n        </div>\n        {avatarUrl && (\n          <div className=\"relative flex-shrink-0\">\n            <img\n              src={avatarUrl}\n              alt={avatarAlt}\n              className=\"w-32 h-32 md:w-44 md:h-44 rounded-xl object-cover border-2 border-border shadow-lg\"\n              loading=\"eager\"\n            />\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:ui"
    }
  ]
}