/* Add custom Js code below */ 
let name = "منصة عوائد ";
let link = "https://awaeed.com/";

document.addEventListener("DOMContentLoaded", function() {
  document.querySelector(".copyright-text").innerHTML = `صنع بحب على | 
  <a href="${link}">${name}</a>`;
});
(function(){
  const style = document.createElement('style');
  style.innerHTML = `
    footer {
      background: url("https://i.postimg.cc/RZVh3JpB/Group-1000008298.png") no-repeat center center / cover !important;
      color: #fff !important;
      position: relative;
      z-index: 1;
    }

    /* عشان أي نص يفضل مقروء فوق الخلفية */
    footer * {
      position: relative;
      z-index: 2;
    }

    /* طبقة شفافه خفيفة فوق الصورة لو حبيت */
    footer::before {
      content: "";
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.3); /* تقدر تغير الشفافية أو تلغيها */
      z-index: 1;
    }
  `;
  document.head.appendChild(style);
})();

(function(){
  const style = document.createElement('style');
  style.innerHTML = `
    .scroll-animate {
      opacity: 0;
      transition: all 0.9s ease;
    }

    /* أنواع الأنيميشن */
    .animate-up {
      transform: translateY(50px);
    }
    .animate-up.visible {
      opacity: 1;
      transform: translateY(0);
    }

    .animate-right {
      transform: translateX(-60px);
    }
    .animate-right.visible {
      opacity: 1;
      transform: translateX(0);
    }

    .animate-left {
      transform: translateX(60px);
    }
    .animate-left.visible {
      opacity: 1;
      transform: translateX(0);
    }

    .animate-zoom {
      transform: scale(0.8);
    }
    .animate-zoom.visible {
      opacity: 1;
      transform: scale(1);
    }
  `;
  document.head.appendChild(style);

  // مسك البانرات
  const banners = document.querySelectorAll('.banner');

  // وزع أنيميشن مختلف لكل بانر
  banners.forEach((el, i) => {
    el.classList.add('scroll-animate');
    if(i % 4 === 0) el.classList.add('animate-up');
    if(i % 4 === 1) el.classList.add('animate-right');
    if(i % 4 === 2) el.classList.add('animate-left');
    if(i % 4 === 3) el.classList.add('animate-zoom');
  });

  // تشغيل الأنيميشن مع الاسكرول
  const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
      if(entry.isIntersecting){
        entry.target.classList.add('visible');
      }
    });
  }, { threshold: 0.2 });

  banners.forEach(el => observer.observe(el));
})();