import { Head } from '@inertiajs/react'; import { type ReactNode, useMemo } from 'react'; interface Props { children: ReactNode; title?: string; } const particles = Array.from({ length: 12 }, (_, i) => ({ left: `${10 + (i * 6.7) % 80}%`, bottom: `-${(i * 2.3) % 10}%`, animationDuration: `${10 + (i * 1.3) % 15}s`, animationDelay: `${(i * 0.7) % 8}s`, width: `${2 + (i * 0.3) % 2}px`, height: `${2 + (i * 0.3) % 2}px`, })); export default function GuestLayout({ children, title }: Props) { return ( <> {/* Full-screen container with CSS aurora aesthetic */}

{/* CSS Aurora Mesh Background */}

{/* Floating particles */} {particles.map((p, i) => (

))}

{/* Subtle dot grid overlay */}

{/* Keyframes for card entrance */}