{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-16",
  "title": "Centered email + social row",
  "description": "Clean centered card with Google and Apple social buttons above a standard email/password form.",
  "registryDependencies": [
    "button",
    "input",
    "separator"
  ],
  "files": [
    {
      "path": "content/components/login/login-16.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { Separator } from \"@/components/ui/separator\"\n\nconst socialProviders = [\n  {\n    id: \"google\",\n    label: \"Continue with Google\",\n    src: \"https://blockus.lndevui.com/logos/google.svg\",\n    darkInvert: false,\n  },\n  {\n    id: \"apple\",\n    label: \"Continue with Apple\",\n    src: \"https://blockus.lndevui.com/logos/apple.svg\",\n    darkInvert: true,\n  },\n]\n\nexport default function Login16() {\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\">\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-2xl 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\n        <div className=\"mt-8 flex flex-col gap-3\">\n          {socialProviders.map((p) => (\n            <button\n              key={p.id}\n              type=\"button\"\n              className=\"inline-flex h-11 w-full items-center justify-center gap-2.5 rounded-xl border border-border bg-card px-4 text-sm font-medium text-foreground transition-colors hover:bg-muted/60\"\n            >\n              {/* eslint-disable-next-line @next/next/no-img-element */}\n              <img\n                src={p.src}\n                alt={p.id}\n                className={p.darkInvert ? \"size-4 dark:invert\" : \"size-4\"}\n              />\n              {p.label}\n            </button>\n          ))}\n        </div>\n\n        <div className=\"my-6 flex items-center gap-3\">\n          <Separator className=\"flex-1\" />\n          <span className=\"text-[11px] font-medium uppercase tracking-widest text-muted-foreground\">\n            or\n          </span>\n          <Separator className=\"flex-1\" />\n        </div>\n\n        <form className=\"flex flex-col gap-3\">\n          <div className=\"flex flex-col gap-1.5\">\n            <label\n              htmlFor=\"l16-email\"\n              className=\"text-xs font-medium text-foreground\"\n            >\n              Email\n            </label>\n            <Input\n              id=\"l16-email\"\n              type=\"email\"\n              placeholder=\"you@company.com\"\n              className=\"h-11\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <label\n                htmlFor=\"l16-pw\"\n                className=\"text-xs font-medium text-foreground\"\n              >\n                Password\n              </label>\n              <a\n                href=\"#\"\n                className=\"text-xs text-muted-foreground hover:text-foreground\"\n              >\n                Forgot?\n              </a>\n            </div>\n            <Input\n              id=\"l16-pw\"\n              type=\"password\"\n              placeholder=\"••••••••\"\n              className=\"h-11\"\n            />\n          </div>\n          <Button size=\"lg\" className=\"mt-1 h-11 w-full rounded-xl\">\n            Sign in\n          </Button>\n        </form>\n\n        <p className=\"mt-6 text-center text-xs text-muted-foreground\">\n          New here?{\" \"}\n          <a\n            href=\"#\"\n            className=\"font-medium text-foreground underline-offset-4 hover:underline\"\n          >\n            Create an account\n          </a>\n        </p>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/login-16.tsx"
    }
  ],
  "categories": [
    "login"
  ],
  "type": "registry:block"
}