/* Add custom Js code below */ 

///////// js code ra2ed
// add class
document.addEventListener("DOMContentLoaded", () => {
    // اجلب جميع الأقسام (sections) في المتجر
    const sections = document.querySelectorAll("section");

    // أضف class ثابت ومختلف لكل قسم
    sections.forEach((section, index) => {
        // أنشئ اسم class جديد
        const uniqueClass = `section-${index + 1}`;
        
        // أضف الـ class إلى القسم
        section.classList.add(uniqueClass);
    });
});
// motion
// إنشاء عنصر <link> لتحميل ملف CSS الخارجي من Animate.css
var animateCSSLink = document.createElement("link");
animateCSSLink.rel = "stylesheet";
animateCSSLink.href = "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";
document.head.appendChild(animateCSSLink);

// الانتظار حتى يتم تحميل DOM بالكامل
document.addEventListener("DOMContentLoaded", function() {
    var sections = document.querySelectorAll('body.index section');

    // إعداد IntersectionObserver
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add("animate__animated", "animate__fadeInUpBig");
                observer.unobserve(entry.target); // لإزالة المراقبة بعد التفعيل
            }
        });
    });

    sections.forEach(section => {
        observer.observe(section); // مراقبة كل قسم
    });
});


let esm = "Sellza";
let link = "http://sellza.co/";
document.addEventListener("DOMContentLoaded", function () {
   document.querySelector(".copyright-text p").innerHTML = `
صنع بإتقان على
 <a href="${link}" target="_blank">${esm}</a> | 2025  
`;
});