const banner = document.createElement('div');
banner.id = 'nw-banner';
banner.innerHTML = `
  <img id="nw-gif" src="ضع_رابط_الصورة_هنا" alt="" />
  <div id="nw-overlay">
    <h2 id="nw-title">غطاء Eze-Sip</h2>
    <p id="nw-subtitle">ابتكار سعودي يحل مشاكل أغطية القهوة</p>
    <a href="ضع_رابط_المنتج_هنا" id="nw-btn">اطلب الآن</a>
  </div>
`;

document.addEventListener('DOMContentLoaded', () => {
  const header = document.querySelector('header');
  if (header) {
    header.insertAdjacentElement('afterend', banner);
  } else {
    document.body.prepend(banner);
  }
});