<footer class="bg-secondary inner-box ">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                    <a href="{{path}}dashboard/index.html" class="navbar-brand mb-4 d-flex align-items-center">
                        <svg class="icon-30 text-primary"  width="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
                            <rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
                            <rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
                            <rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
                        </svg>
                        <h4 class="logo-title ms-3 text-white">{{env('APP_NAME')}}</h4>
                    </a>
            </div>
            <div class="col-lg-3">
                <h5 class="mb-4 text-white">Company</h5>
                <ul class="m-0 ps-3">
                    <li class="mb-3">About us</li>
                    <li class="mb-3">Terms Of Use</li>
                    <li class="mb-3">Privacy Policy</li>
                    <li>FAQ</li>
                </ul>
            </div>
            <div class="col-lg-3">
                <h5 class="mb-4 text-white">Services</h5>
                <ul class="m-0 ps-3">
                    <li class="mb-3">Branding</li>
                    <li class="mb-3">Design</li>
                    <li class="mb-3">Development</li>
                    <li>Marketing</li>
                </ul>
            </div>
             <div class="col-lg-3">
                <h5 class="mb-4 text-white">Get In touch</h5>
                    <p>Need help? Let us hear about it!</p>
                    <p>Email us at:</p>
                    <a href="#" class="text-decoration-underline text-white">support@hopeui.com</a>
                    <ul class="list-unstyled p-0 m-0 d-flex mt-4">
                        <li>
                            <a href="#"><img src="{{asset('images/landing-pages/images/brands/08.webp')}}" alt="fb" loading="lazy" class="rounded-pill"></a>
                        </li>
                        <li class="ps-3">
                            <a href="#"><img src="{{asset('images/landing-pages/images/brands/09.webp')}}" alt="gm" loading="lazy" class="rounded-pill"></a>
                        </li>
                        <li class="ps-3">
                            <a href="#"><img src="{{asset('images/landing-pages/images/brands/10.webp')}}" alt="im" loading="lazy" class="rounded-pill"></a>
                        </li>
                        <li class="ps-3">
                            <a href="#"><img src="{{asset('images/landing-pages/images/brands/13.webp')}}" alt="li" loading="lazy" class="rounded-pill"></a>
                        </li>
                    </ul>
            </div>
            <hr>
            <div class="col-md-12 text-center">
                <p>©<script>document.write(new Date().getFullYear())</script> Hope UI, All Rights Reserved.</p>
            </div>
        </div>
    </div>
</footer>
