<?php
// This file is included by pages - DO NOT include other files here
?>
<!-- Footer -->
<footer class="footer">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-4 col-md-6">
                <div class="logo">
                    <img src="<?php echo ASSETS_URL; ?>images/logo1.png" alt="SellBazar">
                </div>
                <p class="description">SellBazar - Your trusted online shopping destination. Quality products at best prices.</p>
                <div class="social">
                    <a href="https://www.facebook.com/aljaamitech"><i class="fa-brands fa-facebook-f"></i></a>
                    <a href="index.php"><i class="fa-brands fa-youtube"></i></a>
                    <a href="index.php"><i class="fa-brands fa-instagram"></i></a>
                </div>
            </div>
            <div class="col-lg-2 col-md-6">
                <h5>Quick Links</h5>
                <ul>
                    <li><a href="<?php echo BASE_URL; ?>">Home</a></li>
                    <li><a href="<?php echo BASE_URL; ?>shop.php">Shop</a></li>
                    <li><a href="<?php echo BASE_URL; ?>cart.php">Cart</a></li>
                    <li><a href="<?php echo BASE_URL; ?>profile.php">Account</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6">
                <h5>Information</h5>
                <ul>
                    <li><a href="www.aljaami.com.bd">About Us</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms & Conditions</a></li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-6">
                <h5>Contact</h5>
                <ul>
                    <li><i class="fa-solid fa-phone me-2"></i> +8801764197001</li>
                    <li><i class="fa-solid fa-envelope me-2"></i> info@sellbazar.com</li>
                    <li><i class="fa-solid fa-location-dot me-2"></i> Kushtia, Bangladesh</li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <p>&copy; <?php echo date('Y'); ?> SellBazar (SM Rasel 01764197001). All rights reserved.</p>
        </div>
    </div>
</footer>

<!-- Mobile Footer -->
<div class="mobile-footer">
    <ul>
        <li><a href="<?php echo BASE_URL; ?>"><i class="fa-solid fa-house"></i><span>Home</span></a></li>
        <li><a href="<?php echo BASE_URL; ?>shop.php"><i class="fa-solid fa-th-list"></i><span>Shop</span></a></li>
        <li><a href="<?php echo BASE_URL; ?>cart.php"><i class="fa-solid fa-cart-shopping"></i><span>Cart</span></a></li>
        <li><a href="<?php echo BASE_URL; ?>profile.php"><i class="fa-regular fa-user"></i><span>Account</span></a></li>
    </ul>
</div>

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<!-- Owl Carousel JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

<!-- Custom JS -->
<script>
$(document).ready(function() {
    // Banner Slider
    $('.slider_banner_active').owlCarousel({
        loop: true,
        margin: 0,
        nav: true,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        navText: ['<i class="fa-solid fa-chevron-left"></i>', '<i class="fa-solid fa-chevron-right"></i>'],
        responsive: {
            0: { items: 1 },
            768: { items: 1 }
        }
    });
    
    // Categories Slider
    $('.category_active').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        autoplay: true,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        navText: ['<i class="fa-solid fa-chevron-left"></i>', '<i class="fa-solid fa-chevron-right"></i>'],
        responsive: {
            0: { items: 2 },
            480: { items: 3 },
            768: { items: 4 },
            992: { items: 5 },
            1200: { items: 6 }
        }
    });
});
</script>

</body>
</html>

<script type="text/javascript">
(function () {
var options = {
whatsapp: "+880 1794-197001", // WhatsApp number
call_to_action: "Message us", // Call to action
button_color: "#FF6550", // Color of button
position: "right", // Position may be 'left' or 'right'
pre_filled_message: "Hi.", // WhatsApp pre-filled message
};
var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
<!-- /GetButton.io widget --></main><div id="gb-widget-3343" script-id="false" style="
    bottom: 14px !important;
    right: 16px !important;
    // opacity: 0;
    // transition: opacity 0.5s;
    box-sizing: border-box;
    position: fixed !important;
    z-index: 16000160 !important;
    direction: ltr;
    text-align: right;
    display: false;
    align-items: false;
    flex-direction: false;