<!-- Footer Section -->
<footer class="footer">
    <div class="container">
        <div class="row">
            <!-- Left Section - Logo & About -->
            <div class="col-md-3">
                <a class="" href="index.php">
                    <img src="assets/images/logo.png" alt="Logo" style="max-width: 180px;">
                </a>

                <p class="mt-3">We’re a USA-based book writing company that specializes in comprehensive book writing services ranging from ghostwriting, book editing, proofreading, and book marketing to book publishing. With extensive experience in the industry, we’ve
                    helped many authors with their books to be published successfully. </p>
                <div class="social-icons">
                    <a href="<?php echo $facebook ?>"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
                    <a href="<?php echo $twitter ?>"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                    <a href="<?php echo $instagram ?>"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                    <a href="<?php echo $linkedin ?>"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
                </div>
            </div>
            <!-- Quick Links -->
            <div class="col-md-2">
                <h5>Quick Links</h5>
                <ul class="list-unstyled">
                    <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="about-us.php">About Us</a></li>

                    <li class="nav-item"><a class="nav-link" href="contact-us.php">Contact Us</a></li>
                    <li class="nav-item"><a class="nav-link" href="terms-and-conditions.php">Terms &amp; Conditions</a></li>
                    <li class="nav-item"><a class="nav-link" href="privacy-policy.php">Privacy Policy</a></li>

                </ul>
            </div>
            <!-- Middle Section - Services -->
            <div class="col-md-2">
                <h5>Our Services</h5>
                <ul class="list-unstyled">
                    <li><a class="" href="ebook-writing-services.php">Ebook Writing Services</a></li>
                    <li><a class="" href="book-editing-services.php">Book Editing Services</a></li>
                    <li><a class="" href="book-publishing-services.php">Book Publishing Services</a></li>
                    <li><a class="" href="ghostwriting-services.php">Ghostwriting Services</a></li>
                </ul>
            </div>
            <!-- Middle Section - Services -->
            <div class="col-md-2">
                <h5>Other Services</h5>
                <ul class="list-unstyled">

                    <li><a class="" href="fiction-writing-services.php">Fiction Writing Services</a></li>
                    <li><a class="" href="non-fiction-writing-services.php">Non-Fiction Writing Services</a></li>
                    <li><a class="" href="comic-book-writing-services.php">Comic Book Writing Services</a></li>

                </ul>
            </div>
            <!-- Contact Info -->
            <div class="col-md-3">
                <h5>Contact Us</h5>
                <p>

                    <a class="" href="tel:<?php echo $phone ?>"><i class="fa fa-phone" aria-hidden="true"></i> <?php echo $phone ?></a>
                </p>
                <!--<p>-->

                <!--     <a class="" href="tel:+1(888) 295-1718"><i class="fa fa-phone" aria-hidden="true"></i> +1(888) 295-1718</a>-->
                <!--</p>-->
                <p>
                    <a class="" href="mailto:<?php echo $email ?>"><i class="fa fa-envelope" aria-hidden="true"></i> <?php echo $email ?></a>

                </p>
                <p>
                    <a class="" href="javascript:;"><i class="fa fa-map-marker" aria-hidden="true"></i> 2207 LUCKY LEMON LN RICHMOND, TX 77406</a>

                </p>
            </div>
        </div>
        <!-- Bottom Copyright -->
        <div class="footer-bottom"> &copy; Copyright 2025 <?php echo $brand_name ?>. All Rights Reserved. </div>
    </div>
</footer>


<!-- jQuery (Needed for Slick Carousel) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Slick Carousel -->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<!-- Bootstrap Bundle (Includes Popper.js) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
        var dropdownList = dropdownElementList.map(function(dropdownToggleEl) {
            return new bootstrap.Dropdown(dropdownToggleEl);
        });
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        var navbarToggler = document.querySelector(".navbar-toggler");
        var navbarCollapse = document.querySelector("#navbarSupportedContent");

        // Toggle navbar on click
        navbarToggler.addEventListener("click", function() {
            navbarCollapse.classList.toggle("show");
        });

        // Close navbar when clicking a menu link
        document.querySelectorAll(".navbar-nav li a").forEach(function(navLink) {
            navLink.addEventListener("click", function() {
                navbarCollapse.classList.remove("show");
            });
        });

        // Close navbar when clicking outside
        document.addEventListener("click", function(event) {
            var isClickInside = navbarToggler.contains(event.target) || navbarCollapse.contains(event.target);
            if (!isClickInside) {
                navbarCollapse.classList.remove("show");
            }
        });
    });
</script>




<!-- scripts started -->
<script>
    $(document).ready(function() {
        // Function to initialize the Slick slider with continuous scrolling
        function initSlider(slider) {
            if (slider.hasClass("slick-initialized")) {
                slider.slick("unslick"); // Destroy existing instance to avoid duplication
            }

            slider.slick({
                slidesToShow: 4, // Number of slides visible at a time
                slidesToScroll: 1, // Number of slides moving at a time
                autoplay: true, // Enable autoplay
                autoplaySpeed: 0, // No delay for continuous movement
                speed: 3000, // Adjust speed for smooth scrolling
                infinite: true, // Enable infinite loop
                cssEase: "linear", // Ensures smooth, continuous movement
                arrows: false, // Hide default arrows
            });
        }

        // Function to show the selected tab
        function showTab(tabId) {
            const contents = document.querySelectorAll(".portfolio-tab-content");

            contents.forEach((content) => {
                if (content.classList.contains("active")) {
                    content.style.opacity = 0; // Fade out
                    setTimeout(() => {
                        content.style.display = "none";
                        content.classList.remove("active");
                    }, 300);
                }
            });

            const activeTab = document.getElementById(tabId);
            if (activeTab) {
                activeTab.style.display = "block"; // Show new tab
                setTimeout(() => {
                    activeTab.style.opacity = 1;
                    activeTab.classList.add("active");

                    // Initialize the slider when switching tabs
                    const slider = $(activeTab).find(".autoplay");
                    initSlider(slider);
                }, 10);
            }

            // Update active state in navigation
            $(".portfolio-tabs li").removeClass("active");
            $(`[data-tab="${tabId}"]`).addClass("active");
        }

        // Event listener for tabs
        $(".portfolio-tabs li").on("click", function() {
            showTab($(this).attr("data-tab"));
        });

        // Initialize first tab on page load
        showTab("portfolio-tab1");
    });
</script>

<script>
    const tabs = document.querySelectorAll(".book-service-tabs li");
    const contents = document.querySelectorAll(".book-tab-content");

    function showTab(tabId) {
        contents.forEach((content) => (content.style.display = "none"));
        document.getElementById(tabId).style.display = "block";

        tabs.forEach((tab) => tab.classList.remove("active"));
        document.querySelector(`[data-tab="${tabId}"]`).classList.add("active");
    }

    tabs.forEach((tab) => {
        tab.addEventListener("click", function() {
            showTab(this.getAttribute("data-tab"));
        });
    });

    showTab("book-tab1");
</script>

<!-- testimonial -->
<script>
    $('.testimonial-card-autoplay').slick({
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        prevArrow: $('.slick-prev'),
        nextArrow: $('.slick-next'),
        responsive: [{
            breakpoint: 768,
            settings: {
                slidesToShow: 1
            }
        }]
    });
</script>
<script>
    $(document).ready(function() {
        $('.logos-slider').slick({
            slidesToShow: 4, // Number of logos visible at a time
            slidesToScroll: 1, // Number of logos to scroll at a time
            autoplay: true, // Enable autoplay
            arrows: false,
            autoplaySpeed: 0, // No delay for continuous movement
            speed: 3000, // Adjust speed for smooth scrolling
            infinite: true, // Enable infinite loop
            cssEase: "linear",
            responsive: [{
                    breakpoint: 768, // Adjust settings for tablets
                    settings: {
                        slidesToShow: 3
                    }
                },
                {
                    breakpoint: 480, // Adjust settings for mobile
                    settings: {
                        slidesToShow: 2
                    }
                }
            ]
        });
    });
</script>