import { Head } from '@inertiajs/react'; import { motion } from 'framer-motion'; import { Zap, AlertTriangle } from 'lucide-react'; const MESSAGES = { 403: { title: 'Access Denied', desc: 'You do not have permission to access this resource.' }, 404: { title: 'Page Not Found', desc: 'The page you are looking for does not exist.' }, 500: { title: 'Server Error', desc: 'Something went wrong on our end. Please try again.' }, 503: { title: 'Unavailable', desc: 'The service is temporarily unavailable.' }, }; export default function Error({ status }) { const { title, desc } = MESSAGES[status] ?? { title: 'Error', desc: 'An unexpected error occurred.' }; return ( <>

{status}

{title}

{desc}

Back to Dashboard
); }