{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "profile-card-01",
  "title": "Profile Card",
  "description": "A polished professional profile with availability, location and social actions.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "@rivelle/utils",
    "@rivelle/avatar",
    "@rivelle/badge",
    "@rivelle/button"
  ],
  "files": [
    {
      "path": "registry/nova/blocks/profile-card-01.tsx",
      "content": "import * as React from \"react\";\nimport { ArrowUpRight, Dribbble, Github, MapPin } from \"lucide-react\";\n\nimport { Avatar, AvatarFallback } from \"@/components/ui/avatar\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction ProfileCard01({\n  className,\n  ...props\n}: React.ComponentProps<\"article\">) {\n  return (\n    <article\n      className={cn(\n        \"relative mx-auto w-full max-w-lg overflow-hidden rounded-[2rem] border border-foreground/10 bg-background p-6 shadow-[0_30px_90px_-65px_var(--foreground)] sm:p-8\",\n        className,\n      )}\n      data-slot=\"profile-card\"\n      {...props}\n    >\n      <div className=\"absolute inset-x-0 top-0 h-28 bg-[radial-gradient(circle_at_20%_0%,color-mix(in_oklch,var(--primary)_24%,transparent),transparent_66%)]\" />\n      <div className=\"relative flex items-start justify-between gap-5\">\n        <Avatar className=\"size-20 border-4 border-background shadow-lg\">\n          <AvatarFallback className=\"text-lg\">AL</AvatarFallback>\n        </Avatar>\n        <Badge variant=\"success\">Available</Badge>\n      </div>\n      <div className=\"relative mt-5\">\n        <h2 className=\"text-2xl font-semibold tracking-[-.035em]\">\n          Avery Lane\n        </h2>\n        <p className=\"mt-1 text-sm font-medium text-primary\">\n          Independent product designer\n        </p>\n        <p className=\"mt-4 text-sm leading-relaxed text-muted-foreground\">\n          I help ambitious teams turn complex products into clear, memorable\n          experiences.\n        </p>\n        <p className=\"mt-4 flex items-center gap-2 text-xs text-muted-foreground\">\n          <MapPin className=\"size-3.5\" /> Copenhagen · Working worldwide\n        </p>\n      </div>\n      <div className=\"relative mt-6 flex items-center gap-2\">\n        <Button className=\"flex-1\">\n          Start a project <ArrowUpRight />\n        </Button>\n        <Button aria-label=\"GitHub\" size=\"icon\" variant=\"outline\">\n          <Github />\n        </Button>\n        <Button aria-label=\"Dribbble\" size=\"icon\" variant=\"outline\">\n          <Dribbble />\n        </Button>\n      </div>\n    </article>\n  );\n}\n\nexport { ProfileCard01 };\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}