{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-forgot-password-1","type":"registry:block","title":"Forgot Password 1","description":"Tailark Veil forgot-password 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/forgot-password/one.tsx","type":"registry:component","target":"@components/forgot-password-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 ForgotPassword() {\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\">Forgot password?</h1>\n                    <p className=\"text-muted-foreground mt-2 text-sm\">Enter your email and we'll send you a reset link</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                        <Button className=\"w-full\">Send Reset Link</Button>\n                    </form>\n                </Card>\n\n                <p className=\"text-muted-foreground mt-6 text-center text-sm\">\n                    Remember your password?{' '}\n                    <Link\n                        href=\"#\"\n                        className=\"text-primary font-medium hover:underline\"\n                    >\n                        Sign in\n                    </Link>\n                </p>\n            </div>\n        </section>\n    )\n}\n"}]}