<!doctype html><html lang="id"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>gulandsepoy.com — Sedang Dalam Perbaikan</title> <meta name="google-site-verification" content="SMj2t9tQ7mGbX8tW0LxEvWe2ZFqFwh6_-VcBBDlUSZU" /> <meta name="description" content="gulandsepoy.com sedang dalam perbaikan. Kami akan kembali segera. Masukkan email untuk diberitahu saat situs aktif kembali."> <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍛</text></svg>"> <style> :root{--bg:#0b1b12;--card:#0f2a1e;--accent:#ffb86b;--muted:#b9d3c2;--glass:rgba(255,255,255,0.03);font-family:Inter,system-ui,Arial} *{box-sizing:border-box} html,body{height:100%} body{margin:0;background:linear-gradient(180deg,#062016 0%,#071a14 100%);color:#f7fff7;display:flex;align-items:center;justify-content:center;padding:36px} .container{width:100%;max-width:980px;background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.007));border-radius:14px;padding:28px;border:1px solid rgba(255,255,255,0.03);box-shadow:0 10px 50px rgba(0,0,0,0.6);display:grid;grid-template-columns:1fr 360px;gap:20px} .brand{display:flex;gap:14px;align-items:center} .logo{width:72px;height:72px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#f97316);display:flex;align-items:center;justify-content:center;font-size:34px} h1{margin:0;font-size:26px} p.lead{color:var(--muted);margin-top:8px} .features{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} .feature{background:var(--glass);padding:10px 12px;border-radius:10px;font-size:14px;color:var(--muted);display:flex;gap:10px;align-items:center} .feature .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,var(--accent),#ff6b00)} .right-card{background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005));border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,0.02)} .countdown{display:flex;gap:10px;justify-content:space-between} .count-item{flex:1;background:rgba(255,255,255,0.02);padding:12px;border-radius:8px;text-align:center} .count-item strong{display:block;font-size:20px} .meta{font-size:13px;color:var(--muted);margin-top:10px} form{margin-top:14px;display:flex;gap:8px} input[type=email]{flex:1;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit;outline:none} button{background:linear-gradient(90deg,var(--accent),#f97316);border:none;padding:12px 16px;border-radius:10px;color:#241008;font-weight:700;cursor:pointer} button.secondary{background:transparent;border:1px solid rgba(255,255,255,0.04);color:var(--muted)} .socials{display:flex;gap:8px;margin-top:12px} .socials a{display:inline-flex;padding:8px;border-radius:8px;background:rgba(255,255,255,0.02);text-decoration:none;color:var(--muted);font-size:14px} footer{grid-column:1/-1;margin-top:16px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;font-size:13px} @media (max-width:880px){.container{grid-template-columns:1fr}.right-card{order:-1}} </style></head><body> <div class="container" role="main"> <div> <div class="brand"> <div class="logo" aria-hidden>🍛</div> <div> <h1>gulandsepoy.com — Sedang dalam perbaikan</h1> <p class="lead">Kami sedang memperbarui menu, sistem pemesanan, dan keamanan. Maaf atas gangguan, kami akan kembali secepatnya dengan pengalaman yang lebih baik.</p> </div> </div> <div class="features" aria-hidden> <div class="feature"><span class="dot"></span><span>Pembaruan menu & harga</span></div> <div class="feature"><span class="dot"></span><span>Perbaikan sistem pemesanan online</span></div> <div class="feature"><span class="dot"></span><span>Peningkatan keamanan transaksi</span></div> </div> <p style="margin-top:18px;color:var(--muted);line-height:1.5">Jika Anda pelanggan setia, tinggalkan email untuk diberi tahu saat situs kembali aktif. Untuk pemesanan darurat, hubungi nomor atau email di bawah.</p> <div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap"> <a href="tel:+6281234567890" class="socials" style="text-decoration:none"><span style="background:rgba(255,255,255,0.02);padding:10px;border-radius:10px">📞 +62 812-3456-7890</span></a> <a href="mailto:hello@gulandsepoy.com" class="socials" style="text-decoration:none"><span style="background:rgba(255,255,255,0.02);padding:10px;border-radius:10px">📧 hello@gulandsepoy.com</span></a> </div> </div> <aside class="right-card" aria-label="Informasi maintenance"> <h3 style="margin:0 0 8px 0">Perkiraan Kembali Online</h3> <p class="meta">Perkiraan waktu kembali:</p> <div id="eta" class="meta" style="font-weight:700;margin-top:6px">—</div> <div style="margin-top:12px" class="countdown" aria-hidden> <div class="count-item"><span class="label">Hari</span><strong id="d">0</strong></div> <div class="count-item"><span class="label">Jam</span><strong id="h">0</strong></div> <div class="count-item"><span class="label">Menit</span><strong id="m">0</strong></div> <div class="count-item"><span class="label">Detik</span><strong id="s">0</strong></div> </div> <form id="notifyForm" action="mailto:hello@gulandsepoy.com" method="post" enctype="text/plain"> <label for="email" class="meta">Diberi tahu lewat email</label> <div style="display:flex;margin-top:8px"> <input type="email" id="email" placeholder="email@contoh.com" required> <button type="submit">Beritahu Saya</button> </div> </form> <div style="margin-top:12px"> <button class="secondary" onclick="location.href='https://gulandsepoy.com'">Kunjungi gulandsepoy.com</button> </div> <p class="meta" style="margin-top:12px">Ikuti kami untuk update cepat:</p> <div class="socials" role="navigation" aria-label="Sosial media"> <a href="https://instagram.com/gulandsepoy" target="_blank" rel="noopener">Instagram</a> <a href="https://facebook.com/gulandsepoy" target="_blank" rel="noopener">Facebook</a> </div> </aside> <footer> <div>© <span id="year"></span> gulandsepoy.com. Semua hak cipta.</div> <div>Maintenance v1.0</div> </footer> </div> <script> // Default target: 3 hari dari sekarang. Ubah sesuai kebutuhan. const targetDate = new Date(Date.now() + 1000 * 60 * 60 * 24 * 3); document.getElementById('year').textContent = new Date().getFullYear(); const eta = document.getElementById('eta'); function updateCountdown(){ const now = new Date(); let diff = Math.max(0, targetDate - now); const days = Math.floor(diff / (1000*60*60*24)); diff -= days * (1000*60*60*24); const hours = Math.floor(diff / (1000*60*60)); diff -= hours * (1000*60*60); const minutes = Math.floor(diff / (1000*60)); diff -= minutes * (1000*60); const seconds = Math.floor(diff / 1000); document.getElementById('d').textContent = days; document.getElementById('h').textContent = String(hours).padStart(2,'0'); document.getElementById('m').textContent = String(minutes).padStart(2,'0'); document.getElementById('s').textContent = String(seconds).padStart(2,'0'); eta.textContent = targetDate.toLocaleString('id-ID', {year:'numeric',month:'long',day:'numeric',hour:'2-digit',minute:'2-digit'}); if(targetDate - now <= 0){eta.textContent = 'gulandsepoy.com sudah kembali online.';clearInterval(interval);} } updateCountdown(); const interval = setInterval(updateCountdown, 1000); const form = document.getElementById('notifyForm'); form.addEventListener('submit', function(e){ e.preventDefault(); const email = document.getElementById('email').value; if(!email) return alert('Masukkan email Anda.'); const subject = encodeURIComponent('Minta notifikasi: gulandsepoy.com kembali online'); const body = encodeURIComponent('Mohon beri tahu saya jika gulandsepoy.com sudah kembali online.\nEmail: '+email); window.location.href = 'mailto:hello@gulandsepoy.com?subject='+subject+'&body='+body; }); </script></body></html> 
