<footer class="section-pt-90 bda-pb-50">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class=" bda-mb-50">
                    <img class="footer-logo-bda" src="{{getImageUrl(getOption('white_logo'))}}" alt="">
                </div>
                <p class="bda-mb-20">{{getOption('app_short_description')}}</p>
                <div class="bda-social-icon">
                    @foreach (socialAccounts() as $key => $value)
                        @if (getOption($key))
                            <a href="{{ getOption($key) }}" class="single-social-icon-bot" target="_blank" rel="noopener noreferrer">
                                @if ($key === 'facebook_url')
                                    <i class="ri-facebook-fill"></i>
                                @elseif ($key === 'instagram_url')
                                    <i class="ri-instagram-line"></i>
                                @elseif ($key === 'linkedin_url')
                                    <i class="ri-linkedin-fill"></i>
                                @elseif ($key === 'youtube_url')
                                    <i class="ri-youtube-line"></i>
                                @endif
                            </a>
                        @endif
                    @endforeach
                </div>
                <p>{{getOption('footer_copyright')}}</p>
            </div>
            <div class="col-lg-8">
                <div class="row">
                    <div class="col-lg-4 col-md-6 mt-4 mt-lg-0">
                        <h6 class="bda-fs-18 bda-mb-30">{{__('Pages')}}</h6>
                        <ul>
                            <li class="bda-mb-20 bda-bot-footer-hover">
                                <a href="{{ url('/') }}#home">{{__('Home')}}</a>
                            </li>
                            <li  class="bda-mb-20 bda-bot-footer-hover">
                                <a href="{{ url('/') }}#about">{{__('About us')}}</a>
                            </li>
                            <li  class="bda-mb-20 bda-bot-footer-hover">
                                <a href="{{ url('/') }}#features">{{__('Features')}}</a>
                            </li>
                            <li  class="bda-mb-20 bda-bot-footer-hover">
                                <a href="{{ url('/') }}#pricing">{{__('Pricing')}}</a>
                            </li>
                            <li class="bda-mb-20 bda-bot-footer-hover">
                                <a href="{{ url('/') }}#blog">{{__('Blog')}}</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-6 mt-4 mt-lg-0">
                        <h6 class="bda-fs-18 bda-mb-30">{{__('Company Policy')}}</h6>
                        <ul>
                            <li class="bda-mb-20 bda-bot-footer-hover"><a
                                    href="{{ route('terms') }}">{{__('Terms and conditions')}}</a></li>
                            <li class="bda-mb-20 bda-bot-footer-hover"><a
                                    href="{{route('privacy')}}">{{__('Privacy Policy')}}</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-6 mt-4 mt-lg-0">
                        <h6 class="bda-fs-18 bda-mb-30">{{__('Support')}}</h6>
                        <ul>
                            <li class="bda-mb-20 bda-bot-footer-hover">
                                <a href="mailto:{{ getOption('app_email') }}">{{ getOption('app_email') }}</a>
                            </li>
                            <li class="bda-mb-20 bda-bot-footer-hover">
                                <a href="tel:{{ getOption('app_phone') }}">{{ getOption('app_phone') }}</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
