{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "login-03",
  "type": "registry:block",
  "title": "Login with Email and Password",
  "description": "A login with email and password block.",
  "author": "ephraim duncan <https://ephraimduncan.com>",
  "registryDependencies": [
    "button",
    "input",
    "label"
  ],
  "dependencies": [],
  "files": [
    {
      "path": "content/components/login/login-03.tsx",
      "type": "registry:component",
      "target": "components/login-03.tsx",
      "content": "'use client';\n\nimport { Button } from '@/components/ui/button';\nimport { Input } from '@/components/ui/input';\nimport { Label } from '@/components/ui/label';\n\nexport default function Login03() {\n  return (\n    <div className=\"flex min-h-dvh items-center justify-center\">\n      <div className=\"flex flex-1 flex-col justify-center px-4 py-10 lg:px-6\">\n        <div className=\"sm:mx-auto sm:w-full sm:max-w-sm\">\n          <h3 className=\"text-balance text-center font-semibold text-foreground text-lg dark:text-foreground\">\n            Welcome Back\n          </h3>\n          <p className=\"text-pretty text-center text-muted-foreground text-sm dark:text-muted-foreground\">\n            Enter your credentials to access your account.\n          </p>\n          <form action=\"#\" className=\"mt-6 space-y-4\" method=\"post\">\n            <div>\n              <Label\n                className=\"font-medium text-foreground text-sm dark:text-foreground\"\n                htmlFor=\"email-login-03\"\n              >\n                Email\n              </Label>\n              <Input\n                autoComplete=\"email\"\n                className=\"mt-2\"\n                id=\"email-login-03\"\n                name=\"email-login-03\"\n                placeholder=\"ephraim@blocks.so\"\n                type=\"email\"\n              />\n            </div>\n            <div>\n              <Label\n                className=\"font-medium text-foreground text-sm dark:text-foreground\"\n                htmlFor=\"password-login-03\"\n              >\n                Password\n              </Label>\n              <Input\n                autoComplete=\"password\"\n                className=\"mt-2\"\n                id=\"password-login-03\"\n                name=\"password-login-03\"\n                placeholder=\"**************\"\n                type=\"password\"\n              />\n            </div>\n            <Button className=\"mt-4 w-full py-2 font-medium\" type=\"submit\">\n              Sign in\n            </Button>\n          </form>\n          <p className=\"mt-6 text-pretty text-muted-foreground text-sm dark:text-muted-foreground\">\n            Forgot your password?{' '}\n            <a\n              className=\"font-medium text-primary hover:text-primary/90 dark:text-primary dark:hover:text-primary/90\"\n              href=\"#\"\n            >\n              Reset password\n            </a>\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n"
    }
  ],
  "categories": [
    "login"
  ]
}