@extends('layout')

@php
    $headTitle = 'Home';
    $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')

    <!--Main Slider Start-->
    <section class="main-slider clearfix">
        <div class="swiper-container thm-swiper__slider" data-swiper-options='{
                "effect": "fade",
                "pagination": {
                "clickable": true
                },
                "autoplay": {
                "delay": 5000
                }}'>
            <div class="swiper-wrapper">

                <div class="swiper-slide">

                    <div class="image-layer"
                         style="background-image: url('{{ asset('assets/images/backgrounds/prova.jpg') }}')"></div>

{{--                    <div class="video-background">--}}
{{--                        <iframe--}}
{{--                                src="https://www.youtube.com/embed/a-8XiE7W7u4?autoplay=1&mute=1&controls=0&loop=1&playlist=a-8XiE7W7u4"--}}
{{--                                title="YouTube video player"--}}
{{--                                frameborder="0"--}}
{{--                                allow="autoplay; fullscreen; encrypted-media"--}}
{{--                                allowfullscreen>--}}
{{--                        </iframe>--}}
{{--                    </div>--}}

                    <div class="main-slider-shape-1 float-bob-x">
                        <img src="{{ asset('assets/images/shapes/main-slider-shape-1.png') }}" alt="">
                    </div>

                    <div class="container" style="margin-left: 100px">
                        <div class="row">
                            <div class="col-xl-9">
                                <div class="main-slider__content">
                                    <h2 class="main-slider__title"><span>Proteggiamo</span> ciò che conta, guidando famiglie <br>e imprese
                                    verso <span>soluzioni</span> sicure</h2>
                                    <p class="main-slider__text">Consulenza, Servizi e Formazione, in maniera specifica <br>    nell’ambito Assicurativo e Creditizio</p>
                                    <div class="main-slider__btn-box">
                                        <a href="{{ route('storia') }}" class="thm-btn main-slider__btn">Scopri la nostra storia</a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>

    <section class="services-one" id="servizi" style="background-color: white!important">
        <div class="services-one__top">
            <div class="container">
                <div class="row align-content-center">
                        <div class="services-one__top">
                            <div class="section-title text-center">
                                <div class="section-sub-title-box">
                                    <p class="section-sub-title">Servizi</p>
                                    <div class="section-title-shape-1">
                                        <img src="{{ asset("assets/images/shapes/section-title-shape-1.png") }}" alt="">
                                    </div>
                                    <div class="section-title-shape-2">
                                        <img src="{{ asset("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>
        </div>
        <div class="services-one__bottom">
            <div class="services-one__container">
                <h2 class="section-title text-center mt-3">Servizi dedicati alla 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="{{ asset("assets/images/home/auto.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="{{ asset("assets/images/home/vita.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="{{ asset("assets/images/home/abitazione.jpg") }}" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-home"></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="{{ asset("assets/images/home/salute.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">Servizi dedicati alle aziende</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="100ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/incendiofurto.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="{{ route('servizi.incendioFurto') }}">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="200ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/civile.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="{{ route('servizi.respCivile') }}">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="300ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/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="{{ route('servizi.cyber') }}">Cyber Security</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="400ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/tfrprova.jpg") }}" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="icon-insurance-1"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.tfr') }}">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="500ms" style="margin-left: 160px;">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/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="{{ route('servizi.tutelaLegale') }}">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="600ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/catastrofe.jpg") }}" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="fa fa-warehouse"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.catastrofali') }}">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="600ms">
                        <div class="services-one__single">
                            <div class="service-one__img">
                                <img src="{{ asset("assets/images/home/welfare.jpg") }}" alt="">
                            </div>
                            <div class="service-one__content">
                                <div class="services-one__icon">
                                    <span class="fa fa-users"></span>
                                </div>
                                <h2 class="service-one__title"><a href="{{ route('servizi.welfare') }}">Welfare Aziendale</a>
                                </h2>
                                <p class="service-one__text">Beni e servizi per i tuoi dipendenti</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="why-choose-two" style="background-color: #f2f5f9">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-6">
                    <div class="why-choose-two__left">
                        <div class="why-choose-two__list-box">
                            <ul class="list-unstyled why-choose-two__list">
                                <li>
                                    <div class="why-choose-two__single">
                                        <div class="why-choose-two__list-icon">
                                            <span class="icon-contract"></span>
                                        </div>
                                        <div class="why-choose-two__list-title-box">
                                            <h3 class="why-choose-two__list-title">Contratti chiari</h3>
                                            <p class="why-choose-two__list-text">
                                                Condizioni semplici, trasparenti e senza sorprese
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-two__single">
                                        <div class="why-choose-two__list-icon">
                                            <span class="icon-easy-to-use"></span>
                                        </div>
                                        <div class="why-choose-two__list-title-box">
                                            <h3 class="why-choose-two__list-title">Assistenza</h3>
                                            <p class="why-choose-two__list-text">
                                                Supporto costante prima, durante e dopo la sottoscrizione
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-two__single">
                                        <div class="why-choose-two__list-icon">
                                            <span class="icon-policy"></span>
                                        </div>
                                        <div class="why-choose-two__list-title-box">
                                            <h3 class="why-choose-two__list-title">Soluzioni personalizzate</h3>
                                            <p class="why-choose-two__list-text">
                                                Coperture costruite sulle tue reali esigenze
                                            </p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-two__single">
                                        <div class="why-choose-two__list-icon">
                                            <span class="icon-fund"></span>
                                        </div>
                                        <div class="why-choose-two__list-title-box">
                                            <h3 class="why-choose-two__list-title">Ottimizzazione dei costi</h3>
                                            <p class="why-choose-two__list-text">
                                                Soluzioni competitive senza rinunciare alla qualità
                                            </p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6">
                    <div class="why-choose-two__right">
                        <div class="section-title">
                            <div class="section-sub-title-box">
                                <p class="section-sub-title" style="font-size: 30px">Perchè sceglierci?</p>
                                <div class="section-title-shape-1">
                                    <img src=" {{ asset("assets/images/shapes/section-title-shape-1.png") }}" alt="">
                                </div>
                                <div class="section-title-shape-2">
                                    <img src=" {{ asset("assets/images/shapes/section-title-shape-2.png") }}" alt="">
                                </div>
                            </div>
                        </div>
                        <p class="why-choose-two__text">Affianchiamo da oltre 20 anni privati e aziende nella scelta delle soluzioni assicurative più adatte, offrendo una consulenza
                            personalizzata basata sull’analisi reale dei rischi e delle esigenze specifiche di ogni cliente.
                        Collaboriamo con diverse risorse per garantire coperture complete, condizioni chiare e un equilibrio ottimale tra protezione e costo.
                        Offriamo assistenza continua nel tempo, con supporto costante, trasparente e orientato alla tutela degli interessi del cliente.</p>
                    </div>
                </div>

            </div>
        </div>
    </section>


@endsection