{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-01",
  "title": "Centered card login",
  "description": "Classic shadcn-style centered login card — brand mark, email, password, primary CTA and a sign-up nudge.",
  "registryDependencies": [
    "button",
    "input"
  ],
  "files": [
    {
      "path": "content/components/login/login-01.tsx",
      "content": "\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\n\nexport default function Login01() {\n  return (\n    <section className=\"flex min-h-dvh items-center justify-center bg-background px-6 py-16\">\n      <div className=\"w-full max-w-sm rounded-2xl border border-border bg-card p-6 shadow-sm shadow-black/5 sm:p-8\">\n        <div className=\"flex flex-col items-center gap-3 text-center\">\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src=\"https://blockus.lndevui.com/brand/logo.svg\"\n            alt=\"blockus\"\n            className=\"size-8 dark:invert\"\n          />\n          <h1 className=\"font-semibold text-xl tracking-tight\">\n            Welcome back\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Sign in to your blockus account\n          </p>\n        </div>\n        <form className=\"mt-6 flex flex-col gap-3\">\n          <div className=\"flex flex-col gap-1.5\">\n            <label htmlFor=\"l1-email\" className=\"text-xs font-medium text-foreground\">\n              Email\n            </label>\n            <Input id=\"l1-email\" type=\"email\" placeholder=\"you@company.com\" />\n          </div>\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <label htmlFor=\"l1-pw\" className=\"text-xs font-medium text-foreground\">\n                Password\n              </label>\n              <a href=\"#\" className=\"text-xs text-muted-foreground hover:text-foreground\">\n                Forgot?\n              </a>\n            </div>\n            <Input id=\"l1-pw\" type=\"password\" placeholder=\"••••••••\" />\n          </div>\n          <Button size=\"lg\" className=\"mt-2 w-full rounded-lg\">\n            Sign in\n          </Button>\n        </form>\n        <p className=\"mt-6 text-center text-xs text-muted-foreground\">\n          New here?{\" \"}\n          <a href=\"#\" className=\"text-foreground underline-offset-4 hover:underline\">\n            Create an account\n          </a>\n        </p>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/login-01.tsx"
    }
  ],
  "categories": [
    "login"
  ],
  "type": "registry:block"
}