{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"reset-password-2","type":"registry:block","title":"Reset Password 2","description":"","dependencies":["lucide-react"],"registryDependencies":["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/input.json"],"files":[{"path":"reset-password.tsx","type":"registry:block","content":"\"use client\"\n\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 { LockKeyholeIcon } from 'lucide-react'\n\nexport function ResetPassword() {\n  return (\n    <main className=\"flex w-full max-w-md flex-col gap-6 rounded-3xl bg-card p-6 shadow-elevated-lg\">\n      <div className=\"flex flex-col items-center gap-4\">\n        <div className=\"relative flex size-14 items-center justify-center\">\n          <div className=\"absolute inset-0 scale-125 rounded-full bg-primary/10 mask-t-from-20% mask-t-to-100%\" />\n          <div className=\"relative z-10 flex size-14 items-center justify-center rounded-full bg-card ring ring-primary/10 ring-inset\">\n            <LockKeyholeIcon  className=\"size-6 text-primary\" />\n          </div>\n        </div>\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\">Email Address</FieldLabel>\n          <Input\n            id=\"email\"\n            type=\"email\"\n            placeholder=\"contact@diarmuradi.com\"\n            className=\"h-10\"\n          />\n        </Field>\n\n        <FancyButton type=\"submit\" className=\"h-10\">\n          Reset Password\n        </FancyButton>\n      </form>\n\n      <div className=\"flex flex-col items-center gap-1 text-center text-sm text-muted-foreground sm:flex-row sm:justify-center\">\n        <span>Wrong email?</span>\n        <Button type=\"button\" variant=\"link\" className=\"h-auto p-0\">\n          Use a different one\n        </Button>\n      </div>\n    </main>\n  )\n}","target":"components/reset-password.tsx"}]}