{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-login-1","type":"registry:block","title":"Login 1","description":"Tailark Veil login variant 1 block","registryDependencies":["@tailark-oss/veil-button","@tailark-oss/veil-card","@tailark-oss/veil-input","@tailark-oss/veil-logo","@tailark-oss/veil-label"],"meta":{"aspect-ratio":"90/56","width":686,"height":427},"files":[{"path":"veil/blocks/login/one.tsx","type":"registry:component","target":"@components/login-1.tsx","content":"import { Logo } from '@/components/logo'\nimport { Button } from '@/components/ui/button'\nimport { Card } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport Link from 'next/link'\n\nexport default function Login() {\n    return (\n        <section className=\"bg-background grid min-h-screen grid-rows-[auto_1fr] px-4\">\n            <div className=\"mx-auto w-full max-w-7xl border-b py-3\">\n                <Link\n                    href=\"/\"\n                    aria-label=\"go home\"\n                    className=\"inline-block border-t-2 border-transparent py-3\"\n                >\n                    <Logo className=\"w-fit\" />\n                </Link>\n            </div>\n\n            <div className=\"m-auto w-full max-w-sm\">\n                <div className=\"text-center\">\n                    <h1 className=\"font-serif text-4xl font-medium\">Welcome back</h1>\n                    <p className=\"text-muted-foreground mt-2 text-sm\">Sign in to your account to continue</p>\n                </div>\n                <Card\n                    variant=\"outline\"\n                    className=\"mt-6 p-8\"\n                >\n                    <form\n                        action=\"\"\n                        className=\"space-y-5\"\n                    >\n                        <div className=\"space-y-3\">\n                            <Label\n                                htmlFor=\"email\"\n                                className=\"text-sm\"\n                            >\n                                Email\n                            </Label>\n                            <Input\n                                type=\"email\"\n                                id=\"email\"\n                                name=\"email\"\n                                placeholder=\"you@example.com\"\n                                required\n                            />\n                        </div>\n\n                        <div className=\"space-y-3\">\n                            <div className=\"flex items-center justify-between\">\n                                <Label\n                                    htmlFor=\"password\"\n                                    className=\"text-sm\"\n                                >\n                                    Password\n                                </Label>\n                                <Link\n                                    href=\"#\"\n                                    className=\"text-muted-foreground hover:text-foreground text-xs\"\n                                >\n                                    Forgot password?\n                                </Link>\n                            </div>\n                            <Input\n                                type=\"password\"\n                                id=\"password\"\n                                name=\"password\"\n                                required\n                            />\n                        </div>\n\n                        <Button className=\"w-full\">Sign In</Button>\n                    </form>\n\n                    <div className=\"my-6 flex items-center gap-3\">\n                        <hr className=\"flex-1\" />\n                        <span className=\"text-muted-foreground text-xs\">or continue with</span>\n                        <hr className=\"flex-1\" />\n                    </div>\n\n                    <div className=\"grid grid-cols-2 gap-3\">\n                        <Button\n                            type=\"button\"\n                            variant=\"outline\"\n                        >\n                            <svg\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                className=\"size-4\"\n                                viewBox=\"0 0 256 262\"\n                            >\n                                <path\n                                    fill=\"#4285f4\"\n                                    d=\"M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027\"\n                                ></path>\n                                <path\n                                    fill=\"#34a853\"\n                                    d=\"M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1\"\n                                ></path>\n                                <path\n                                    fill=\"#fbbc05\"\n                                    d=\"M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z\"\n                                ></path>\n                                <path\n                                    fill=\"#eb4335\"\n                                    d=\"M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251\"\n                                ></path>\n                            </svg>\n                            <span>Google</span>\n                        </Button>\n                        <Button\n                            type=\"button\"\n                            variant=\"outline\"\n                        >\n                            <svg\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                className=\"size-4\"\n                                viewBox=\"0 0 256 256\"\n                            >\n                                <path\n                                    fill=\"currentColor\"\n                                    d=\"M128 0C57.317 0 0 57.317 0 128c0 56.554 36.676 104.535 87.535 121.46c6.397 1.185 8.746-2.777 8.746-6.158c0-3.052-.117-13.135-.174-23.83c-35.61 7.742-43.124-15.103-43.124-15.103c-5.823-14.795-14.213-18.73-14.213-18.73c-11.613-7.944.876-7.78.876-7.78c12.853.902 19.621 13.19 19.621 13.19c11.417 19.568 29.945 13.911 37.249 10.64c1.149-8.272 4.466-13.92 8.127-17.116c-28.431-3.236-58.318-14.212-58.318-63.258c0-13.975 5-25.394 13.188-34.358c-1.329-3.224-5.71-16.242 1.24-33.874c0 0 10.749-3.44 35.21 13.121c10.21-2.836 21.16-4.258 32.038-4.307c10.878.049 21.837 1.47 32.066 4.307c24.431-16.56 35.165-13.12 35.165-13.12c6.967 17.63 2.584 30.65 1.255 33.873c8.207 8.964 13.173 20.383 13.173 34.358c0 49.163-29.944 59.988-58.447 63.157c4.591 3.972 8.682 11.762 8.682 23.704c0 17.126-.148 30.91-.148 35.126c0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128C256 57.317 198.683 0 128 0\"\n                                />\n                            </svg>\n                            <span>GitHub</span>\n                        </Button>\n                    </div>\n                </Card>\n\n                <p className=\"text-muted-foreground mt-6 text-center text-sm\">\n                    Don't have an account?{' '}\n                    <Link\n                        href=\"#\"\n                        className=\"text-primary font-medium hover:underline\"\n                    >\n                        Sign up\n                    </Link>\n                </p>\n            </div>\n        </section>\n    )\n}\n"}]}