<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Connecting...</title>
    <meta http-equiv="refresh" content="15;url=/sitemap.xml">
    <style>
        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; background: #fff; }
        .logo-container { margin-bottom: 30px; }
        .logo-container img { width: 500px; max-width: 90vw; display: block; margin: 0 auto; }
        .spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; margin: 20px auto; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        .footer { margin-top: 40px; color: #888; font-size: 0.95em; }
        .footer a { color: #3498db; text-decoration: none; }
    </style>
</head>
<body>
    <div class="logo-container">
        <img src="https://kidero.cz/build/app/images/logos/kidero.svg" alt="Kidero Logo">
    </div>
    <div class="spinner"></div>
    <h2>Connecting to the server...</h2>
    <p>The page will automatically reload in 15 seconds.</p>
    <p>If the page does not reload, <a href="/sitemap.xml">click here</a>.</p>
    <div class="footer">
        Contact: <a href="mailto:hello@kidero.com">hello@kidero.com</a>
    </div>
</body>
</html>