<footer class="main-footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-12">
                <!-- About Footer start -->
                <div class="about-footer">
                    <!-- Footer Logo Start -->
                    <div class="footer-logo">
                        <img src="{{ asset('images/web-properties/' . $commonWebData['logo']) }}" alt="">
                    </div>
                    <!-- Footer Logo End -->

                    <!-- Footer Contact Box Start -->
                    <div class="about-footer-content">
                        <p>{{ $commonWebData['slogan'] }}</p>
                    </div>
                    <!-- Footer Contact Box End -->
                </div>
                <!-- About Footer End -->
            </div>

            <div class="col-lg-2 col-md-12">
            </div>

            <div class="col-lg-3 col-md-5">
                <!-- Footer Links Start -->
                <div class="footer-links">
                    <h3>quick link</h3>
                    <ul>
                        <li><a href="{{ route( 'home') }}">Home</a></li>
                        <li><a href="{{ route( 'about-us') }}">About us</a></li>
                        <li><a href="{{ route( 'services') }}">our services</a></li>
                        <li><a href="{{ route( 'contact-us') }}">Contact us</a></li>
                    </ul>
                </div>
                <!-- Footer Links End -->
            </div>

            <div class="col-lg-4 col-md-7">
                <!-- Footer Links Start -->
                <div class="footer-links">
                    <h3>contact us</h3>
                    <!-- Footer Contact Item Start -->
                    <div class="footer-contact-item">
                        <div class="icon-box">
                            <img src="{{ asset('../website/images/icon-location.svg') }}" alt="">
                        </div>
                        <div class="footer-contact-content">
                            <p>{{ $commonWebData['address'] }}</p>
                        </div>
                    </div>
                    <!-- Footer Contact Item End -->

                    <!-- Footer Contact Item Start -->
                    <div class="footer-contact-item">
                        <div class="icon-box">
                            <img src="{{ asset('../website/images/icon-mail.svg') }}" alt="">
                        </div>
                        <div class="footer-contact-content">
                            <p><a href="mailto:support@domainname.com">{{ $commonWebData['support_email'] }}</a></p>
                            <p><a href="mailto:info@domain.com">{{ $commonWebData['email'] }}</a></p>
                        </div>
                    </div>
                    <!-- Footer Contact Item End -->

                    <!-- Footer Contact Item Start -->
                    <div class="footer-contact-item">
                        <div class="icon-box">
                            <img src="{{ asset('../website/images/icon-phone.svg') }}" alt="">
                        </div>
                        <div class="footer-contact-content">
                            <p><a href="tel:+123456789">{{ $commonWebData['phone_no'] }}</a></p>
                        </div>
                    </div>
                    <!-- Footer Contact Item End -->
                </div>
                <!-- Footer Links End -->
            </div>



            <div class="col-lg-12">
                <!-- Footer Copyright Section Start -->
                <div class="footer-copyright">
                    <!-- Footer Copyright Text Start -->
                    <div class="footer-copyright-text">
                        <p>{{ $commonWebData['footer_text'] }}</p>
                    </div>
                    <!-- Footer Copyright Text End -->

                    <!-- Footer Social Link Start -->
                    <div class="footer-social-links">
                        <ul>
                            <li><a href="{{ $commonWebData['fb_link'] }}"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="{{ $commonWebData['linkedin_link'] }}"><i class="fa-brands fa-linkedin"></i></a></li>
                        </ul>
                    </div>
                    <!-- Footer Social Link End -->
                </div>
                <!-- Footer Copyright Section End -->
            </div>
        </div>
    </div>
</footer>

<!-- Jquery Library File -->
<script src="{{ asset('../website/js/jquery-3.7.1.min.js') }}"></script>
<!-- Bootstrap js file -->
<script src="{{ asset('../website/js/bootstrap.min.js') }}"></script>
<!-- Validator js file -->
<script src="{{ asset('../website/js/validator.min.js') }}"></script>
<!-- SlickNav js file -->
<script src="{{ asset('../website/js/jquery.slicknav.js') }}"></script>
<!-- Swiper js file -->
<script src="{{ asset('../website/js/swiper-bundle.min.js') }}"></script>
<!-- Counter js file -->
<script src="{{ asset('../website/js/jquery.waypoints.min.js') }}"></script>
<script src="{{ asset('../website/js/jquery.counterup.min.js') }}"></script>
<!-- Magnific js file -->
<script src="{{ asset('../website/js/jquery.magnific-popup.min.js') }}"></script>
<!-- SmoothScroll -->
<script src="{{ asset('../website/js/SmoothScroll.js') }}"></script>
<!-- Parallax js -->
<script src="{{ asset('../website/js/parallaxie.js') }}"></script>
<!-- MagicCursor js file -->
<script src="{{ asset('../website/js/gsap.min.js') }}"></script>
<script src="{{ asset('../website/js/magiccursor.js') }}"></script>
<!-- Text Effect js file -->
<script src="{{ asset('../website/js/SplitText.js') }}"></script>
<script src="{{ asset('../website/js/ScrollTrigger.min.js') }}"></script>
<!-- YTPlayer js File -->
<script src="{{ asset('../website/js/jquery.mb.YTPlayer.min.js') }}"></script>
<!-- Wow js file -->
<script src="{{ asset('../website/js/wow.min.js') }}"></script>
<!-- Main Custom js file -->
<script src="{{ asset('../website/js/function.js') }}"></script>