JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.shopify.com/s/files/1/0437/4361/t/9/assets/jquery.cookie.js?374961671??8764010363"></script>
<div id="pop-up">
  <div id="center" class="box">
    40% off today only
    <br>
    <a id="hide" href="#">OK, thanks!</a>
  </div>
</div>

CSS

#pop-up {
  display: none;
}

JavaScript

$(window).load(function () {
  // if no cookie
  if ($.cookie('alert') != "true") {
    $("#pop-up").show();
    $("#hide").click(function () {
      $("#pop-up").slideUp("slow");
      // set the cookie for 24 hours
      var date = new Date();
      date.setTime(date.getTime() + 24 * 60 * 60 * 1000);
      $.cookie('alert', "true", {
        expires: date
      });
    });
  }
});