{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"reset-password-1","type":"registry:block","title":"Reset Password 1","description":"","dependencies":[],"registryDependencies":["https://www.diarmuradi.com/r/styles/base-nova/avatar.json","https://www.diarmuradi.com/r/styles/base-nova/button.json","https://www.diarmuradi.com/r/styles/base-nova/fancy-button.json","https://www.diarmuradi.com/r/styles/base-nova/field.json","https://www.diarmuradi.com/r/styles/base-nova/icons.json","https://www.diarmuradi.com/r/styles/base-nova/input.json"],"files":[{"path":"reset-password.tsx","type":"registry:block","content":"\"use client\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/components/ui/avatar\"\nimport { Button } from \"@/components/ui/button\"\nimport { Field, FieldLabel } from \"@/components/ui/field\"\nimport { Input } from \"@/components/ui/input\"\nimport { FancyButton } from \"@/components/fancy-button\"\nimport { Icons } from \"@/components/icons\"\n\nexport function ResetPassword() {\n  return (\n    <main className=\"w-full max-w-xl rounded-4xl lg:max-w-4xl lg:bg-muted lg:p-1\">\n      <section className=\"grid grid-cols-1 lg:grid-cols-2\">\n        <div className=\"flex flex-col gap-6 rounded-3xl bg-card p-6 shadow-elevated-lg\">\n          <div className=\"flex flex-col items-center gap-4\">\n            <FancyButton\n              type=\"button\"\n              size=\"icon-lg\"\n              className=\"size-14 rounded-xl\"\n              aria-label=\"Home\"\n            >\n              <Icons.Logo className=\"size-10\" />\n            </FancyButton>\n            <div className=\"text-center\">\n              <h1 className=\"text-xl font-semibold\">Reset Password</h1>\n              <p className=\"text-md text-muted-foreground\">\n                Enter your email to reset your password.\n              </p>\n            </div>\n          </div>\n\n          <form className=\"flex flex-col gap-3\">\n            <Field className=\"gap-1\">\n              <FieldLabel htmlFor=\"email\" className=\"gap-0\">\n                Email Address <span className=\"text-primary\">*</span>\n              </FieldLabel>\n              <Input\n                id=\"email\"\n                type=\"email\"\n                placeholder=\"contact@diarmuradi.com\"\n                className=\"h-10\"\n              />\n              <p className=\"text-xs text-muted-foreground\">\n                Enter the email with which you&apos;ve registered.\n              </p>\n            </Field>\n\n            <FancyButton type=\"submit\" className=\"h-10\">\n              Reset Password\n            </FancyButton>\n          </form>\n\n          <p className=\"text-center text-sm text-muted-foreground\">\n            {\"Don't have access anymore?\"}{\" \"}\n            <Button type=\"button\" variant=\"link\" className=\"h-auto p-0\">\n              Try another method\n            </Button>\n          </p>\n        </div>\n\n        <div className=\"hidden lg:flex lg:flex-col lg:justify-end lg:p-12\">\n          <div className=\"mt-auto flex flex-col gap-6\">\n            <p className=\"text-lg leading-relaxed\">\n              &ldquo;Forgot my password once. The reset flow was{\" \"}\n              <span className=\"font-medium text-primary\">so painless</span> I\n              almost did it again just to see.&rdquo;\n            </p>\n            <div className=\"flex items-center gap-3\">\n              <Avatar className=\"size-10\">\n                <AvatarImage\n                  src=\"https://github.com/rauchg.png\"\n                  alt=\"Guillermo Rauch\"\n                />\n                <AvatarFallback>G</AvatarFallback>\n              </Avatar>\n              <div>\n                <p className=\"text-sm font-semibold\">Guillermo Rauch</p>\n                <p className=\"text-xs text-muted-foreground\">CEO, Vercel</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n    </main>\n  )\n}","target":"components/reset-password.tsx"}]}