</main>

    <footer id="footer" class="footer dark-background">

        <div class="container footer-top">
            <div class="row gy-4">
                <div class="col-lg-3 col-6 footer-links">
                    <h4>COMPANY</h4>
                    <ul>                        
                        <li><a href="<?= route('about-us') ?>">About us</a></li>
                        <li><a href="<?= route('contact') ?>">Contact</a></li>
                        <li><a href="#">Career</a></li>                        
                    </ul>
                </div>

                

                <div class="col-lg-3 col-6 footer-links">
                    <h4>HELP</h4>
                    <ul>
                        <li><a href="<?= route('terms-conditions') ?>">Terms & Conditions</a></li>
                        <li><a href="<?= route('privacy-policy') ?>">Privacy Policy</a></li>                        
                    </ul>
                </div>

                <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
                    <h4>REG. OFFICE</h4>
                    <p>No. 14/30, 2nd Main Road,</p>
                    <p>New Colony, Chromepet,</p>
                    <p>Chennai – 600 044</p>                   
                </div>

                <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
                    <h4>ADMIN OFFICE & WAREHOUSE</h4>
                    <p>Palaniappa Electronics</p>
                    <p>185/2, Abdul karam Street, Nagalkeni,</p>
                    <p>Chromepet, Chennai-600 044</p>                   
                </div>

            </div>
        </div>
        <hr>
        <div class="container ">
            Designed and developed by <b>Alpha</b>
            <div class="text-right float-end footer-social">
                    <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
                    <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
                    <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
                    <a href="#" class="twitter"><i class="bi bi-youtube"></i></a>
            </div>           
        </div>

    </footer>

    <!-- Scroll Top -->
    <!-- <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> -->

    <!-- Preloader -->
    <div id="preloader"></div>

    <!-- Vendor JS Files -->
    <script src="<?= asset('assets') ?>/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="<?= asset('assets') ?>/vendor/php-email-form/validate.js"></script>
    <script src="<?= asset('assets') ?>/vendor/aos/aos.js"></script>
    <script src="<?= asset('assets') ?>/js/swiper-bundle.min.js"></script>
    <script src="<?= asset('assets') ?>/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="<?= asset('assets') ?>/vendor/glightbox/js/glightbox.min.js"></script>

    <!-- Main JS File -->
    <script src="<?= asset('assets') ?>/js/main.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            new Swiper('.hero-slider', {
                loop: true,
                speed: 800,
                autoplay: {
                    delay: 4000,
                    disableOnInteraction: false,
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        });
        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>

</body>

</html>