<x-public-layout>
    <div class="min-h-screen flex flex-col justify-center items-center bg-gray-100">
        <h1 class="text-4xl font-bold text-gray-800 mb-4">أنت غير متصل بالإنترنت</h1>
        <p class="text-gray-600 mb-8">يرجى التحقق من اتصالك بالإنترنت والمحاولة مرة أخرى.</p>
        <button onclick="window.location.reload()" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
            إعادة المحاولة
        </button>
    </div>
</x-public-layout>
