1import Link from "next/link";2import { Logo } from "@/components/brand/logo";3import { ThemeToggle } from "@/components/marketing/theme-toggle";45export default function AuthLayout({ children }: { children: React.ReactNode }) {6 return (7 <div className="relative flex min-h-dvh flex-col overflow-x-clip">8 <div aria-hidden className="dot-grid pointer-events-none absolute inset-0 opacity-60 [mask-image:radial-gradient(ellipse_80%_55%_at_50%_0%,black_20%,transparent_100%)] dark:opacity-40" />9 <header className="relative z-10 flex h-14 items-center justify-between px-5 sm:px-8">10 <Link href="/" className="rounded-md" aria-label="PolyLLM home">11 <Logo size={24} />12 </Link>13 <ThemeToggle />14 </header>15 <main className="relative z-10 flex flex-1 items-start justify-center px-4 pb-10 pt-6 sm:items-center sm:pt-0">16 <div className="w-full max-w-[400px]">{children}</div>17 </main>18 <footer className="relative z-10 flex flex-wrap items-center justify-center gap-x-4 gap-y-1 px-4 pb-[calc(env(safe-area-inset-bottom)+20px)] text-xs text-fg-subtle">19 <span>© {new Date().getFullYear()} PolyLLM</span>20 <Link href="/privacy" className="hover:text-fg">21 Privacy22 </Link>23 <Link href="/terms" className="hover:text-fg">24 Terms25 </Link>26 <Link href="/#faq" className="hover:text-fg">27 Help28 </Link>29 </footer>30 </div>31 );32}33