<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NIDEL BEVERAGE - قريباً</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background-color: #0b1329;
color: #ffffff;
font-family: Arial, sans-serif;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
}
.container { max-width: 600px; width: 100%; }
.logo { max-width: 250px; width: 100%; height: auto; margin-bottom: 30px; }
h1 { font-size: 1.3rem; font-weight: 400; margin-bottom: 25px; color: #e2e8f0; }

.countdown {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 20px;
}
.time-box {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 12px;
min-width: 70px;
}
.number { font-size: 1.8rem; font-weight: bold; color: #38bdf8; display: block; }
.label { font-size: 0.8rem; color: #94a3b8; margin-top: 4px; display: block; }
</style>
</head>
<body>
<div class="container">
<img src="logo.png" alt="NIDEL BEVERAGE" class="logo">
<h1>الموقع قيد التطوير - انطلاق قريباً</h1>

<div class="countdown">
<div class="time-box"><span class="number" id="days">15</span><span class="label">يوم</span></div>
<div class="time-box"><span class="number" id="hours">00</span><span class="label">ساعة</span></div>
<div class="time-box"><span class="number" id="minutes">00</span><span class="label">دقيقة</span></div>
<div class="time-box"><span class="number" id="seconds">00</span><span class="label">ثانية</span></div>
</div>
</div>

<script>
const CYCLE_DURATION = 15 * 24 * 60 * 60 * 1000;
function updateTimer() {
const now = new Date().getTime();
const timeLeft = CYCLE_DURATION - (now % CYCLE_DURATION);

document.getElementById("days").innerText = String(Math.floor(timeLeft / (1000 * 60 * 60 * 24))).padStart(2, '0');
document.getElementById("hours").innerText = String(Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0');
document.getElementById("minutes").innerText = String(Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0');
document.getElementById("seconds").innerText = String(Math.floor((timeLeft % (1000 * 60)) / 1000)).padStart(2, '0');
}
setInterval(updateTimer, 1000);
updateTimer();
</script>
</body>
</html>