Sindbad~EG File Manager

Current Path : /home/sarayaglobal/saraya.co.ke/
Upload File :
Current File : /home/sarayaglobal/saraya.co.ke/index-maintenenace.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Saraya World - Site Under Maintenance</title>
    
    <!-- Load Tailwind CSS for utility classes and responsive layout -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Load Bootstrap 5 CSS (Included for completeness, but layout is handled by Tailwind) -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" xintegrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    
    <style>
        /* Custom font and dark background for a professional, centered look */
        body {
            font-family: 'Inter', sans-serif;
            min-height: 100vh;
            background-color: #0d1117; /* Dark background */
        }
    </style>
</head>
<body class="flex items-center justify-center p-4 text-center">

    <div id="maintenance-container" class="w-full max-w-2xl bg-white p-8 md:p-12 rounded-2xl shadow-2xl border border-gray-700 transform transition-all duration-500">
        
        <!-- Icon/Visual Indicator (Inline SVG for visibility) -->
        <svg class="mx-auto h-20 w-20 text-yellow-500 mb-6 animate-pulse" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
        </svg>

        <!-- Main Title -->
        <h1 class="text-4xl md:text-5xl font-extrabold mb-4 text-gray-900">
            Site Under Maintenance
        </h1>

        <!-- Main Message -->
        <p class="text-xl md:text-2xl mb-8 text-gray-700 leading-relaxed">
            We are working hard to bring you a better experience.
        </p>

        <!-- Detailed Message -->
        <p class="text-base text-gray-500 mb-8">
            Our platform is undergoing essential upgrades to enhance performance and security. We anticipate being back online shortly.
        </p>

        <!-- Main Site Link -->
        <a href="https://saraya.world" class="inline-block bg-gray-800 text-white font-semibold py-3 px-6 rounded-lg shadow-md hover:bg-gray-700 transition duration-300">
            Visit Our Main Site: saraya.world
        </a>

        <!-- Closing Note -->
        <p class="text-sm mt-8 text-gray-400">
            Thank you for your patience and understanding.
        </p>
    </div>

</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists