document.addEventListener("DOMContentLoaded", function () {

    const slide = document.querySelector(
        ".advanced-slider--0 .advanced-slider__slide"
    );

    if (!slide || slide.querySelector(".hero-custom-buttons")) return;

    const buttons = document.createElement("div");
    buttons.className = "hero-custom-buttons";

    buttons.innerHTML = `
        <a href="https://wa.me/+96673996145"
           class="hero-btn hero-btn-primary">
            استشارة مجانية
        </a>

        <a href="#"
           class="hero-btn hero-btn-outline"
           id="show-packages-btn">
            شاهد الباقات
        </a>
    `;

    slide.appendChild(buttons);

    const packagesButton = buttons.querySelector("#show-packages-btn");
    const pricingSection = document.querySelector(".pricing-plans");

    if (packagesButton && pricingSection) {
        packagesButton.addEventListener("click", function (event) {
            event.preventDefault();

            pricingSection.scrollIntoView({
                behavior:"smooth",
                block:"start"
            });
        });
    }

});






document.addEventListener("DOMContentLoaded", function () {

    const video = document.querySelector("#about-1 video");

    if (!video) return;

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

    iframe.src =
        "https://player.vimeo.com/video/1204577021?autoplay=1&loop=1&muted=1&background=1";

    iframe.allow = "autoplay; fullscreen";
    iframe.allowFullscreen = true;

    video.parentNode.replaceChild(iframe, video);

});



document.addEventListener("DOMContentLoaded", function () {

    const footerBottom = document.querySelector(
        ".store-footer .footer-bottom"
    );

    if (!footerBottom) return;

    if (
        document.querySelector(
            ".store-footer .dotmedia-social"
        )
    ) return;

    const social = document.createElement("div");

    social.className = "dotmedia-social";

    social.innerHTML = `
        <a
            href="tel:+966573996145"
            aria-label="Phone"
        >
            <i class="sicon-phone"></i>
        </a>

        <a
            href="https://wa.me/966573996145"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="WhatsApp"
        >
            <i class="sicon-whatsapp"></i>
        </a>

        <a
            href="https://www.instagram.com/dotmedia.sa"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Instagram"
        >
            <i class="sicon-instagram"></i>
        </a>

        <a
            href="https://www.tiktok.com/@dotmedia.sa"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="TikTok"
        >
            <svg
                viewBox="0 0 24 24"
                aria-hidden="true"
            >
                <path d="M19.6 8.5a7.6 7.6 0 0 1-4.4-1.4v6.4a5.2 5.2 0 1 1-5.2-5.2v2.5a2.7 2.7 0 1 0 2.7 2.7V0h2.5a5.1 5.1 0 0 0 4.4 4.4z"/>
            </svg>
        </a>

        <a
            href="https://www.snapchat.com/@dotmedia.sa"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Snapchat"
        >
            <i class="sicon-snapchat"></i>
        </a>

        <a
            href="https://www.facebook.com/people/Dot-Media-KSA/61591469732483/"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Facebook"
        >
            <i class="sicon-facebook"></i>
        </a>

        <a
            href="https://www.youtube.com/@dotmedia-sa/posts"
            target="_blank"
            rel="noopener noreferrer"
            aria-label="YouTube"
        >
            <i class="sicon-youtube"></i>
        </a>

        <a
            href="mailto:info@dotmedia.sa"
            aria-label="Email"
        >
            <i class="sicon-mail"></i>
        </a>
    `;

    footerBottom.parentNode.insertBefore(
        social,
        footerBottom
    );

});