import { CheckCircle2, Shield, Zap } from 'lucide-react'; import { PropsWithChildren, ReactNode } from 'react'; import { Head, Link } from '@inertiajs/react'; import { Logo, TextLogo } from '@/Components/branding/Logo'; import { ThemeToggle } from '@/Components/theme'; import { ErrorBoundary } from '@/Components/ui/error-boundary'; interface AuthLayoutProps extends PropsWithChildren { title?: string; leftContent?: ReactNode; leftFooter?: ReactNode; footer?: ReactNode; } export default function AuthLayout({ children, title, leftContent, leftFooter, footer, }: AuthLayoutProps) { const appName = import.meta.env.VITE_APP_NAME || 'Laravel'; return ( <> {title && }

Skip to main content {/* Left Panel - Branding (hidden on mobile) */}

{leftContent || (

Welcome to {appName}

)}

{leftFooter &&

{leftFooter}

}

{/* Right Panel - Form */}

{/* Mobile Header */}

{/* Desktop Theme Toggle */}

{/* CRO-015: Mobile trust signals — visible only on mobile where left panel is hidden */}

{/* Form Container */}

{children}

{/* Footer */} {footer && ( )}

); }