@extends('layout')

@php
    $headTitle = 'Servizi';
    $css = '<link rel="stylesheet" href="' . asset('assets/vendors/ion.rangeSlider/css/ion.rangeSlider.min.css') . '"/>';
    $counterone = 'false';
    $script = '<script src="' . asset('assets/vendors/ion.rangeSlider/js/ion.rangeSlider.min.js') . '"></script>
               <script src="' . asset('assets/js/insur.js') . '"></script>';
@endphp

@section('content')
    <section class="services-one" id="insurance">
        <div class="services-one__top">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-6">
                        <div class="services-one__top-left">
                            <div class="section-title text-left">
                                <div class="section-sub-title-box">
                                    <p class="section-sub-title">I nostri servizi</p>
                                    <div class="section-title-shape-1">
                                        <img src="http://ar.test/assets/images/shapes/section-title-shape-1.png" alt="">
                                    </div>
                                    <div class="section-title-shape-2">
                                        <img src="http://ar.test/assets/images/shapes/section-title-shape-2.png" alt="">
                                    </div>
                                </div>
                                <h2 class="section-title__title">Copriamo i seguenti settori assicurativi</h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-6">
                        <div class="services-one__top">
                            <p class="services-one__top-text mt-5">Offriamo due principali linee di servizio, la prima rivolta alla tutela della persona, la seconda rivolta ad attività ed imprese. </p>
                            <a href="#" class="mt-2 btn btn-primary">Contattaci</a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="services-one__bottom">
            <div class="services-one__container">
                    <h2 class="section-title text-center mt-3">Linea Persona</h2>
                <div class="row mt-3">
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/services/services-1-1.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-drive"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.auto') }}">Auto</a></h2>
                                <p class="service-one__text">Protezione completa per te e il tuo veicolo, in ogni situazione.</p>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/services/services-1-2.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-family"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.vita') }}">Vita</a></h2>
                                <p class="service-one__text">Sicurezza economica per chi ami, oggi e domani.</p>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/services/services-1-3.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-house"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.abitazione') }}">Abitazione</a></h2>
                                <p class="service-one__text">La tua casa al sicuro da imprevisti e danni.</p>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/services/services-1-4.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-heart-beat"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.salute') }}">Salute</a>
                                </h2>
                                <p class="service-one__text">Cure rapide e assistenza quando conta davvero.</p>
                            </div>
                        </div>
                    </div>
                </div>

                <h2 class="section-title text-center mt-5">Linea Business</h2>


                <div class="row mt-3">
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/services/services-1-6.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-fire"></span>
                                </div>
                                <h2 class="service-one__title"><a href="http://ar.test/Insurance/business-insurance">Incendio e Furto</a></h2>
                                <p class="service-one__text">Tutela il tuo patrimonio da danni e sottrazioni.</p>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="600ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/respcivile.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-briefcase"></span>
                                </div>
                                <h2 class="service-one__title"><a href="http://ar.test/Insurance/fire-insurance">Responsabilità civile</a></h2>
                                <p class="service-one__text">Copertura contro i danni causati a terzi.</p>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="700ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/cyber.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-computer"></span>
                                </div>
                                <h2 class="service-one__title"><a href="http://ar.test/Insurance/marriage-insurance">Cyber risk</a></h2>
                                <p class="service-one__text">Sicurezza digitale per attività e professionisti</p>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single End-->
                    <!--Services One Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="800ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/services/services-1-8.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-plane"></span>
                                </div>
                                <h2 class="service-one__title"><a href="http://ar.test/Insurance/travel-insurance">TFR-TFM</a>
                                </h2>
                                <p class="service-one__text">Sicurezza e pianificazione per il tuo futuro professionale.</p>
                            </div>
                        </div>
                    </div>

                    <div class="my-3"></div>


                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="800ms">

                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="800ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/tutelalegale.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-insurance-2"></span>
                                </div>
                                <h2 class="service-one__title"><a href="http://ar.test/Insurance/travel-insurance">Tutela Legale</a>
                                </h2>
                                <p class="service-one__text">Supporto e copertura legale</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="800ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="http://ar.test/assets/images/catastrofe.jpg" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-"></span>
                                </div>
                                <h2 class="service-one__title"><a href="http://ar.test/Insurance/travel-insurance">Catastrofali</a>
                                </h2>
                                <p class="service-one__text">Protezione da eventi naturali estremi.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="800ms">

                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection