{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-sign-up-1","type":"registry:block","title":"Sign Up 1","description":"Tailark Mist sign-up variant 1 block","registryDependencies":["@tailark-oss/mist-button","@tailark-oss/mist-input","@tailark-oss/mist-label","@tailark-oss/mist-logo"],"meta":{"aspect-ratio":"90/62","width":686,"height":473},"files":[{"path":"mist/blocks/sign-up/one.tsx","type":"registry:component","target":"@components/sign-up-1.tsx","content":"import { LogoIcon } from '@/components/logo'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport Link from 'next/link'\n\nexport default function LoginPage() {\n    return (\n        <section className=\"bg-linear-to-b from-muted to-background flex min-h-screen px-4 py-16 md:py-20\">\n            <form\n                action=\"\"\n                className=\"max-w-92 m-auto h-fit w-full\"\n            >\n                <div className=\"p-6\">\n                    <div>\n                        <Link\n                            href=\"/mist\"\n                            aria-label=\"go home\"\n                        >\n                            <LogoIcon />\n                        </Link>\n                        <h1 className=\"mt-6 text-balance text-xl font-semibold\">\n                            <span className=\"text-muted-foreground\">Welcome to Tailark!</span> Create an Account to Get Started\n                        </h1>\n                    </div>\n\n                    <div className=\"mt-6 space-y-2\">\n                        <Button\n                            type=\"button\"\n                            variant=\"outline\"\n                            size=\"default\"\n                            className=\"w-full\"\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                            size=\"default\"\n                            className=\"w-full\"\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=\"#1877f2\"\n                                    d=\"M256 128C256 57.308 198.692 0 128 0S0 57.308 0 128c0 63.888 46.808 116.843 108 126.445V165H75.5v-37H108V99.8c0-32.08 19.11-49.8 48.348-49.8C170.352 50 185 52.5 185 52.5V84h-16.14C152.959 84 148 93.867 148 103.99V128h35.5l-5.675 37H148v89.445c61.192-9.602 108-62.556 108-126.445\"\n                                ></path>\n                                <path\n                                    fill=\"#fff\"\n                                    d=\"m177.825 165l5.675-37H148v-24.01C148 93.866 152.959 84 168.86 84H185V52.5S170.352 50 156.347 50C127.11 50 108 67.72 108 99.8V128H75.5v37H108v89.445A129 129 0 0 0 128 256a129 129 0 0 0 20-1.555V165z\"\n                                ></path>\n                            </svg>\n                            <span>Facebook</span>\n                        </Button>\n                        <Button\n                            type=\"button\"\n                            variant=\"outline\"\n                            size=\"default\"\n                            className=\"w-full\"\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=\"#f1511b\"\n                                    d=\"M121.666 121.666H0V0h121.666z\"\n                                ></path>\n                                <path\n                                    fill=\"#80cc28\"\n                                    d=\"M256 121.666H134.335V0H256z\"\n                                ></path>\n                                <path\n                                    fill=\"#00adef\"\n                                    d=\"M121.663 256.002H0V134.336h121.663z\"\n                                ></path>\n                                <path\n                                    fill=\"#fbbc09\"\n                                    d=\"M256 256.002H134.335V134.336H256z\"\n                                ></path>\n                            </svg>\n                            <span>Microsoft</span>\n                        </Button>\n                    </div>\n\n                    <hr className=\"mb-5 mt-6\" />\n\n                    <div className=\"space-y-6\">\n                        <div className=\"space-y-2\">\n                            <Label\n                                htmlFor=\"email\"\n                                className=\"block text-sm\"\n                            >\n                                Email\n                            </Label>\n                            <Input\n                                type=\"email\"\n                                required\n                                name=\"email\"\n                                id=\"email\"\n                                placeholder=\"Your email\"\n                                className=\"ring-foreground/15 border-transparent ring-1\"\n                            />\n                        </div>\n\n                        <Button\n                            className=\"w-full\"\n                            size=\"default\"\n                        >\n                            Continue\n                        </Button>\n                    </div>\n                </div>\n                <div className=\"px-6\">\n                    <p className=\"text-muted-foreground text-sm\">\n                        Already have an account ?\n                        <Button\n                            asChild\n                            variant=\"link\"\n                            className=\"px-2\"\n                        >\n                            <Link href=\"#\">Sign In</Link>\n                        </Button>\n                    </p>\n                </div>\n            </form>\n        </section>\n    )\n}\n"}]}