import { Head, usePage } from '@inertiajs/react'; import { type ReactNode, useEffect } from 'react'; import { Toaster, toast } from 'sonner'; import type { PageProps } from '@/types'; interface Props { children: ReactNode; title?: string; } export default function GameLayout({ children, title }: Props) { const { flash } = usePage().props; useEffect(() => { // Force dark mode const root = window.document.documentElement; root.classList.add('dark'); // Prevent scrolling on the body document.body.style.overflow = 'hidden'; return () => { // Cleanup on unmount document.body.style.overflow = ''; }; }, []); useEffect(() => { if (flash?.success) { toast.success(flash.success, { id: 'success-' + Date.now() }); } if (flash?.error) { toast.error(flash.error, { id: 'error-' + Date.now() }); } }, [flash]); return ( <>

{/* Visual Theme: Neon Arcade */}

{/* Gradient Blobs */}

{/* Subtle Grid Pattern */}

{/* Scanline Effect */}

{/* Floating Particles */} {Array.from({ length: 20 }).map((_, i) => (

))}