{{-- Footer demo-digital-agency-2 --}}
<footer id="footer" class="mt-0">
    <div class="container py-4">
        {{-- Nav + Social --}}
        <div class="row align-items-center py-3">
            <div class="col-lg-8">
                <div class="footer-nav footer-nav-links">
                    <nav>
                        <ul class="nav flex-wrap gap-3" id="footerNav">
                            <x-footer-nav :limit="7" :as-list="true" classes="text-color-hover-primary font-weight-semibold custom-text-2 text-capitalize" />
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="col-lg-4 mt-3 mt-lg-0 d-flex justify-content-lg-end">
                <x-social-icons size="md" classes="social-icons social-icons-clean social-icons-icon-dark m-0" />
            </div>
        </div>
        {{-- Copyright --}}
        <div class="row pt-3" style="border-top: 1px solid var(--light-rgba-10);">
            <div class="col">
                <p class="mb-0 text-3 opacity-5">
                    {{ config('site.name') }} &copy; {{ date('Y') }}. {{ __('All Rights Reserved') }}
                </p>
            </div>
        </div>
    </div>
</footer>