/* Add custom Js styles below */ 

document.addEventListener('DOMContentLoaded', function() {
    const elementBody = document.querySelector("body.index");
    const welcomeText = 
      `
      <div class="fixed-el">
      <img width="30%" src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/oeWEO/UNv8hqSXyz2dhFLUOa3jWH0lRWV78zMchEXgTVdz.png">
        <div class="welcome-text">
          <h2> بلسم المذاق </h2>
        </div>
      </div>
      `;
    elementBody.insertAdjacentHTML('afterbegin', welcomeText)
    setTimeout(()=>{
      const loader = document.querySelector(".fixed-el")
      loader.remove();
    },3000)
});

function changeText(){
  const companyName = "  شركة إمداد للتسويق الإلكتروني";
  const companyUrl = " https://imdaad.sa/";
  const colorText = "WIHTE "
  const copyright = document.querySelector("footer .copyright-text")
  copyright.innerHTML = `
    <span class="text-sm copyright-text">
        <p class="text-gray-400 mb-2.5 md:mb-0">صنع بإتقان بواسطة 
            <a href=${companyUrl} class="hover:text-primary" target="_blank" rel="noreferrer" style="color:${colorText}">${companyName}</a>
        </p>
    </span>
    `
}
changeText()