1import type { ReactNode } from "react";
2import Link from "next/link";
3import { FactoryLogo } from "@/components/layout/factory-logo";
4
5
6export default function AuthLayout({ children }: { children: ReactNode }) {
7 return (
8 <div
9 className="flex min-h-screen flex-col items-center justify-center p-4"
10 style={{ backgroundImage: "var(--factory-brand-gradient-soft)" }}
11 >
12 <Link href="/" className="mb-6 flex items-center gap-2 text-lg font-semibold" aria-label="AI Software Factory home">
13 <FactoryLogo brand className="size-8 rounded-md" />
14 <span className="sr-only">AI Software Factory</span>
15 </Link>
16 <main className="w-full max-w-sm rounded-xl border border-border bg-card p-6 shadow-sm sm:max-w-md">
17 {children}
18 </main>
19 <p className="mt-6 max-w-sm text-center text-xs text-muted-foreground">
20 Pages, databases and realtime collaboration — the AI Software Factory workspace.
21 </p>
22 </div>
23 );
24}
25