Сделал информационное окно о важных событиях на сайт, которое открыто при первом заходе на любую станицу сайта

<dialog id="infoDialog" style="z-index: 1100;
    margin: auto;
    padding: 15px;
    border: 1px solid #636363;
    border-radius: 15px;
    text-align: center;
    box-shadow: 1px 1px 15px;" open="">
  <h3 id="heading" style="color: #ff1f1f; font-weight: bold;">ВАЖНО!</h3>
  <p>19 и 20 декабря ресторан закрыт на спец. обслуживание<br><b>Доставка работает штатно</b></p>
  <form method="dialog">
    <button id="closeButton" style="background-color: #ff1f1f; color:#fff;">
      Понятно, спасибо!
    </button>
  </form>
</dialog>

<button id="alertButton" style="z-index: 1100; display: none; position: fixed; bottom: 50px; margin: auto; transform: translateX(-50%); left: 50%; background: rgba(255, 255, 255, 0.63);">
  ❗ВАЖНО❗ 
</button>

<script>
  const dialog = document.getElementById('infoDialog');
  const closeButton = document.getElementById('closeButton');
  const alertButton = document.getElementById('alertButton');

  // Проверяем, было ли окно уже закрыто
  if (!sessionStorage.getItem('dialogClosed')) {
    dialog.showModal();
  } else {
    alertButton.style.display = 'block'; // Показываем кнопку, если окно было закрыто
  }

  closeButton.addEventListener('click', () => {
    dialog.close();
    sessionStorage.setItem('dialogClosed', 'true'); // Сохраняем состояние
    alertButton.style.display = 'block'; // Показываем кнопку с восклицательным знаком
  });

  alertButton.addEventListener('click', () => {
    dialog.showModal(); // Открываем модальное окно снова
    alertButton.style.display = 'none'; // Скрываем кнопку
  });
</script>