</main>
</div>
</div>
<script>
    (function () {
        var menuToggle = document.getElementById("menuToggle");
        var overlay = document.getElementById("sidebarOverlay");
        if (!menuToggle || !overlay) return;
        menuToggle.addEventListener("click", function () {
            document.body.classList.toggle("sidebar-open");
        });
        overlay.addEventListener("click", function () {
            document.body.classList.remove("sidebar-open");
        });
    })();

    (function () {
        var slider = document.getElementById("heroSlider");
        if (!slider) return;
        var slides = slider.querySelectorAll(".hero-slider-image");
        if (!slides.length) return;
        var index = 0;
        setInterval(function () {
            slides[index].classList.remove("active");
            index = (index + 1) % slides.length;
            slides[index].classList.add("active");
        }, 5000);
    })();
</script>
</body>
</html>
