{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/logo","@efferd/github-icon","@efferd/google-icon","button","input-group","@efferd/auth-divider"],"name":"auth-3","description":"Minimal sign-in page with logo header and focused form.","categories":["auth"],"files":[{"path":"registry/blocks/auth/3/index.tsx","target":"~/components/auth-page.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport { GithubIcon } from \"@/components/icons/github-icon\";\nimport { GoogleIcon } from \"@/components/icons/google-icon\";\nimport { Logo } from \"@/components/logo\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tInputGroup,\n\tInputGroupAddon,\n\tInputGroupInput,\n} from \"@/components/ui/input-group\";\nimport { AuthDivider } from \"@/components/auth-divider\";\n\nexport function AuthPage() {\n\treturn (\n\t\t<div className=\"relative w-full overflow-hidden md:h-screen\">\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative mx-auto flex min-h-screen w-full max-w-sm flex-col justify-between p-6 md:p-8\"\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t<a href=\"#\">\n\t\t\t\t\t\t<Logo className=\"h-4.5\" />\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"fade-in slide-in-from-bottom-4 w-full animate-in space-y-4 duration-600\">\n\t\t\t\t\t<div className=\"flex flex-col space-y-1\">\n\t\t\t\t\t\t<h1 className=\"font-bold text-2xl tracking-wide\">Join Now!</h1>\n\t\t\t\t\t\t<p className=\"text-base text-muted-foreground\">\n\t\t\t\t\t\t\tLogin or create your efferd account.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<form className=\"space-y-2\">\n\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t<InputGroupInput\n\t\t\t\t\t\t\t\tplaceholder=\"your.email@example.com\"\n\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<InputGroupAddon align=\"inline-start\">\n\t\t\t\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\t\t\t\thugeicons=\"AtIcon\"\n\t\t\t\t\t\t\t\t\tlucide=\"AtSignIcon\"\n\t\t\t\t\t\t\t\t\tphosphor=\"AtIcon\"\n\t\t\t\t\t\t\t\t\tremixicon=\"RiAtLine\"\n\t\t\t\t\t\t\t\t\ttabler=\"IconAt\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</InputGroupAddon>\n\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t<Button className=\"w-full\" size=\"sm\" type=\"button\">\n\t\t\t\t\t\t\tContinue With Email\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</form>\n\t\t\t\t\t<AuthDivider>OR CONTINUE WITH</AuthDivider>\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t<Button className=\"w-full\" type=\"button\" variant=\"outline\">\n\t\t\t\t\t\t\t<GoogleIcon data-icon=\"inline-start\" />\n\t\t\t\t\t\t\tGoogle\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button className=\"w-full\" type=\"button\" variant=\"outline\">\n\t\t\t\t\t\t\t<GithubIcon data-icon=\"inline-start\" />\n\t\t\t\t\t\t\tGitHub\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<p className=\"text-center text-muted-foreground text-sm\">\n\t\t\t\t\tThis site is protected by reCAPTCHA and the Google{\" \"}\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName=\"underline underline-offset-4 hover:text-primary\"\n\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t>\n\t\t\t\t\t\tPrivacy Policy\n\t\t\t\t\t</a>{\" \"}\n\t\t\t\t\tand{\" \"}\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName=\"underline underline-offset-4 hover:text-primary\"\n\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t>\n\t\t\t\t\t\tTerms of Service\n\t\t\t\t\t</a>{\" \"}\n\t\t\t\t\tapply.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"}]}