import { Button } from '@/components/ui/button'; import { homepage } from '@/routes'; import { Head, Link } from '@inertiajs/react'; import { AlertCircle, ArrowLeft, Home, Search } from 'lucide-react'; export default function ErrorPage({ status }: { status: number }) { const title = { 503: '503: Service Unavailable', 500: '500: Server Error', 404: '404: Page Not Found', 403: '403: Forbidden', }[status] || 'Error'; const description = { 503: 'Maaf, kami sedang melakukan pemeliharaan rutin untuk meningkatkan layanan. Silakan kembali lagi nanti.', 500: 'Ups, terjadi kesalahan sistem yang tidak terduga. Tim teknis kami telah diberitahu.', 404: 'Halaman yang Anda cari tidak dapat ditemukan atau telah dipindahkan ke alamat lain.', 403: 'Maaf, Anda tidak memiliki akses untuk melihat konten di halaman ini.', }[status] || 'Terjadi kesalahan pada aplikasi.'; return ( <>

{/* Abstract Background Elements */}

{/* Big Error Number with Gradient */}

{status}

{/* Content Card */}

{status === 404 ? ( ) : ( )}

{title}

{description}

); } ErrorPage.layout = null;