/* Add custom JS code below */

document.addEventListener("DOMContentLoaded", () => {

    const cards = [
        {
            image: "https://i.postimg.cc/LXnnJjBT/Frame-29.png",
            link: "#"
        },
        {
            image: "https://i.postimg.cc/hPFfGzJ5/Frame-30.png",
            link: "#"
        },
        {
            image: "https://i.postimg.cc/2SG6T004/Frame-31.png",
            link: "#"
        },
        {
            image: "https://i.postimg.cc/nLwLfCb0/Frame-32.png",
            link: "#"
        }
    ];

    const wait = setInterval(() => {

        if (document.querySelector(".custom-pets")) {
            clearInterval(wait);
            return;
        }

        const target = document.querySelector(
            ".s-block.s-block--fixed-banner.wide-placeholder"
        );

        if (!target) return;

        const section = document.createElement("section");

        section.className = "custom-pets container";

        section.innerHTML = `
            <div class="pets-grid">

                ${cards.map(item => `
                    <a href="${item.link}" class="pet-item">
                        <img src="${item.image}" alt="">
                    </a>
                `).join("")}

            </div>
        `;

        target.insertAdjacentElement("afterend", section);

        clearInterval(wait);

    }, 300);

});
/* Add custom JS code below */

document.addEventListener("DOMContentLoaded", () => {

    const items = [
        {
            image: "https://i.postimg.cc/GhVwRGHw/053.png",
            text: "دعم بيطري مباشر عند الحاجه",
            link: "#"
        },
        {
            image: "https://i.postimg.cc/s2Pt5LKv/54.png",
            text: "منتجات مختارة من علامات تجارية موثوقة",
            link: "#"
        },
        {
            image: "https://i.postimg.cc/VvhTYPsR/55.png",
            text: "توصيل سؤيع الى جميع المناطق",
            link: "#"
        },
        {
            image: "https://i.postimg.cc/PrL9SJKy/56.png",
            text: "استشارة بيطرية مجانية عند الحاجة",
            link: "#"
        }
    ];

    const wait = setInterval(() => {

        if (document.querySelector(".custom-features")) {
            clearInterval(wait);
            return;
        }

        const target = document.querySelector(
            ".s-block.s-block--testimonials.s-block--custom-testimonials.container.overflow-hidden"
        );

        if (!target) return;

        const section = document.createElement("section");

        section.className = "custom-features";

        section.innerHTML = `
            <div class="features-wrapper">

                ${items.map((item, index) => `
                    <a href="${item.link}" class="feature-item">

                        <img src="${item.image}" alt="">

                        <p>${item.text}</p>

                        ${
                            index !== items.length - 1
                                ? '<span class="divider"></span>'
                                : ''
                        }

                    </a>
                `).join("")}

            </div>
        `;

        target.insertAdjacentElement("afterend", section);

        clearInterval(wait);

    }, 300);

});