@section('footer')
    <section class="cta-one">
        <div class="shape1"></div>
        <div class="cta-one__bg" style="background-image: url(/images/backgrounds/cta-v1-bg.png);">
        </div>
        <div class="container">
            <div class="row">
                <div class="cta-one__inner">
                    <div class="cta-one__content">
                        <div class="text-box">
                            <p>{{ __('layout.footer.cta_tagline') }}</p>
                            <h2>{{ __('layout.footer.cta_title') }}</h2>
                        </div>

                        <div class="btn-box">
                            <a class="thm-btn" href="https://outlook.office.com/book/CORTEXCLEAN@cortexfacility.com/">
                                <span class="txt">{{ __('layout.footer.cta_button') }}</span>
                                <i class="icon-double-chevron"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!--Start Footer One -->
    <footer class="footer-one">
        <div class="footer-one__bg" style="background-image: url(assets/images/backgrounds/footer-v1-bg.png);">
        </div>
        <div class="footer-one__pattern" style="background-image: url(assets/images/pattern/thm-pattern.png);">
        </div>
        <!--Start Footer-->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <!--Start Footer Widget Single-->
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.1s">
                        <div class="footer-widget__single">
                            <div class="footer-widget__single-about">
                                <div class="logo-box">
                                    <a href="{{ lroute('home') }}"><img src="{{ asset('/images/logo/svg/logo-horizontal-blanc.svg') }}"
                                            alt="Cortex Clean" width="1233" height="190" loading="lazy"></a>
                                </div>

                                <div class="text-box text-center">
                                    <h2>{!! __('layout.footer.brand_tagline') !!}</h2>
                                </div>

                                {{-- <ul class="social-link">
                                    <li><a href="#"><span class="icon-twitter"></span></a></li>
                                    <li><a href="#"><span class="icon-facebook"></span></a></li>
                                    <li><a href="#"><span class="icon-pinterest"></span></a></li>
                                    <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                </ul> --}}
                            </div>
                        </div>
                    </div>
                    <!--End Footer Widget Single-->

                    <!--Start Footer Widget Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.2s">
                        <div class="footer-widget__single ml30">
                            <div class="title">
                                <h2>{{ __('layout.footer.pages_title') }}</h2>
                            </div>
                            <div class="footer-widget__single-explore">
                                <ul class="footer-widget__single-list">
                                    <li><a href="{{ lroute('home') }}">{{ __('layout.footer.nav_home') }}</a></li>
                                    <li><a href="{{ lroute('about') }}">{{ __('layout.footer.nav_about') }}</a></li>
                                    <li><a href="{{ lroute('services') }}">{{ __('layout.footer.nav_services') }}</a></li>
                                    <li><a href="{{ lroute('contact') }}">{{ __('layout.footer.nav_contact') }}</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End Footer Widget Single-->

                    <!--Start Footer Widget Single-->
                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.3s">
                        <div class="footer-widget__single ml30 mt50">
                            <div class="title">
                                <h2>{{ __('layout.footer.contact_title') }}</h2>
                            </div>
                            <div class="footer-widget__single-contact">
                                <p class="email mb-2"><a href="https://outlook.office.com/book/CORTEXCLEAN@cortexfacility.com/">{{ __('layout.footer.contact_book') }}</a></p>
                                <p class="number mb-2"><a href="tel:+32470954203">+32 (0) 470 95 42 03</a></p>
                                <p class="email mb-2"><a href="mailto:contact@cortexclean.be">contact@cortexclean.be</a></p>
                                <p class="text mb-2">Chaussée Romaine 464/2, 1853 Strombeek-Bever</p>
                            </div>
                        </div>
                    </div>
                    <!--End Footer Widget Single-->

                    <!--Start Footer Widget Single-->
                    {{-- <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.4s">
                        <div class="footer-widget__single">

                            <div class="footer-widget__single-newsletter">
                                <div class="title">
                                    <h3>Inscrivez-vous à la newsletter</h3>
                                </div>
                                <form class="footer-widget__single-newsletter-form">
                                    <div class="input-box">
                                        <input type="email" placeholder="Adresse email" name="email">
                                        <button type="submit" class="footer-widget__newsletter-btn"><i
                                                class="far fa-paper-plane"></i></button>
                                    </div>
                                </form>
                                <div class="checked-box">
                                    <input type="checkbox" name="skipper1" id="skipper" checked="">
                                    <label for="skipper"><span></span>Je suis d'accord avec les termes et
                                        conditions</label>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                    <!--End Footer Widget Single-->
                </div>
            </div>
        </div>
        <!--End Footer-->

        <div class="footer-one__bottom">
            <div class="container">
                <div class="bottom-inner">
                    <div class="copyright">
                        <p>{{ __('layout.footer.copyright') }} <span class="jaune">Cortex Clean</span></p>
                    </div>

                    <ul class="footer-one__bottom-menu">
                        <li><a href="{{ lroute('legal') }}">{{ __('layout.footer.legal') }}</a></li>
                        <li><a href="{{ lroute('conditions') }}">{{ __('layout.footer.conditions') }}</a></li>
                        <li><a href="{{ lroute('privacy') }}">{{ __('layout.footer.privacy') }}</a></li>
                        <li><a href="{{ lroute('cookies') }}">{{ __('layout.footer.cookies') }}</a></li>
                        {{-- Retrait du consentement : doit être aussi accessible que son octroi. --}}
                        <li><a href="#" data-cc-open>{{ __('cookies.banner.preferences_link') }}</a></li>
                    </ul>
                </div>
            </div>
        </div>

    </footer>
    <!--End Footer One-->
@endsection