<div id="countdown-timer" style="text-align: center; font-size: 24px; font-weight: bold;"></div>
<div id="countdown-timer" style="text-align: center; font-size: 24px; font-weight: bold;"></div>

<script>
  // Set the event date
  const eventDate = new Date("April 30, 2025 00:00:00").getTime();

  // Function to update the countdown
  function updateCountdown() {
    const now = new Date().getTime();
    const timeLeft = eventDate - now;

    if (timeLeft < 0) {
      document.getElementById("countdown-timer").innerHTML = "The event has started!";
      clearInterval(timerInterval);
      return;
    }

    const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
    const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
    const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);

    document.getElementById("countdown-timer").innerHTML =
      `${days}d ${hours}h ${minutes}m ${seconds}s`;
  }

  // Update the countdown every second
  const timerInterval = setInterval(updateCountdown, 1000);

  // Initial call to display the countdown immediately
  updateCountdown();
</script>