/* Add custom Js styles below */
const copyright = document.querySelector(".copyright-text p");

copyright.innerHTML = `<p class="text-gray-400 mb-2.5 md:mb-0">تم التصميم بواسطة | <a href="https://hemastore2.com/" class="hover:text-primary" target="_blank" rel="noreferrer">همة</a>
</p>`;

const container = document.createElement("section");
const quantity = 10;
const speed = 60;

container.classList = "marquee-component";

container.innerHTML = `
	<div class="container">
		<div class="marquee-container" style="--width-item: 500px; --speed: ${speed}s; --quantity: ${quantity}">
			<div class="content">
				${
					Array.from({ length: quantity })
						.map((_, i) => {
							return `<div class="item" style="--position: ${i + 1}">نورتنا♡اطلب اكسسواراتك واحصل على شحن مجاني للطلبات فوق 399 ريال</div>`;
						})
						.join("")
				}
			</div>
		</div>
	</div>
`;
document.body.prepend(container);
/**/
(function () {
  const interval = setInterval(() => {
    const grid = document.querySelector(".s-block--banners .grid");
    if (!grid) return;

  
    if (grid.querySelector(".custom-added-banner")) {
      clearInterval(interval);
      return;
    }

  
    const sections = [
      {
        url: "https://hemastore2.com/%D8%AD%D9%85%D8%A7%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D8%AC%D9%87%D8%B2%D8%A9/c884807747",
        image:
          "https://imglink.cc/cdn/bAVSSNPYJK.png",
      },
      {
        url: "https://hemastore2.com/%D8%A7%D9%83%D8%B3%D8%B3%D9%88%D8%A7%D8%B1%D8%A7%D8%AA/c575432014",
        image:
          "https://imglink.cc/cdn/a3nqwu5acq.png",
      },
      {
        url: "https://hemastore2.com/%D9%85%D9%84%D8%AD%D9%82%D8%A7%D8%AA-%D8%A7%D9%84%D8%A7%D9%8A%D8%A8%D8%A7%D8%AF/c2083161167",
        image:
          "https://imglink.cc/cdn/3mCTiCIboX.png",
      },
      {
        url: "https://hemastore2.com/%D8%A8%D8%B7%D8%A7%D8%B1%D9%8A%D8%A7%D8%AA-%D9%88%D9%83%D9%8A%D8%A7%D8%A8%D9%84/c1665683029",
        image:
          "https://imglink.cc/cdn/uvSfLaDxBE.png",
      },
    ];

   
    sections.forEach((section, index) => {
      const newBanner = document.createElement("a");
      newBanner.className = `banner-entry square-photos custom-added-banner custom-banner-${index + 1}`;
      newBanner.href = section.url;
      newBanner.target = "_blank";

      const bgDiv = document.createElement("div");
      bgDiv.className = "lazy__bg lazy bg-no-repeat entered loaded";

      bgDiv.setAttribute("data-bg", section.image);
      bgDiv.setAttribute("data-ll-status", "loaded");

      bgDiv.style.backgroundSize = "contain";
      bgDiv.style.backgroundRepeat = "no-repeat";
      bgDiv.style.backgroundPosition = "center";
      bgDiv.style.backgroundImage = `url("${section.image}")`;

      newBanner.appendChild(bgDiv);
      grid.appendChild(newBanner);
    });

    clearInterval(interval);
  }, 300);
})();