@extends('site.layout')

@section('content')

    <!--Main Slider-->
    <section class="main-slider">
        <div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
            <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
                <ul>
                    @foreach ($banners as $b)
                        <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="5500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1689" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="{{ url("images/slides/{$b['imagem']}") }}" data-title="Slide Title" data-transition="parallaxvertical">

                            <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="{{ url("storage/banners/{$b['imagem']}") }}">

                            <div class="tp-caption"
                                 data-paddingbottom="[0,0,0,0]"
                                 data-paddingleft="[0,0,0,0]"
                                 data-paddingright="[0,0,0,0]"
                                 data-paddingtop="[0,0,0,0]"
                                 data-responsive_offset="on"
                                 data-type="text"
                                 data-height="none"
                                 data-width="['700','700','650','360']"
                                 data-whitespace="normal"
                                 data-hoffset="['15','15','15','15']"
                                 data-voffset="['-110','-100','-100','-105']"
                                 data-x="['left','left','left','left']"
                                 data-y="['middle','middle','middle','middle']"
                                 data-textalign="['top','top','top','top']"
                                 data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                 style="z-index: 7; white-space: nowrap;">
                                <!--
                                <div class="slide-content left-slide">
                                    <div class="big-title">
                                        Nós acreditamos <br>que mais do que oferecer um <br>serviço odontológico que te satisfaça,<br>nós precisamos nos conectar com quem você é!
                                    </div>
                                </div>-->
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </section>
    <!--End Main Slider-->

    @include('site.invisalign-home', ['invisalign' => $invisalign])


    <!--Start Welcome area-->
    <section class="welcome-area sec-pd1">
        <div class="container">
            <div class="sec-title sec-title2 max-width text-center">
                <h3>Bem-Vindo (a) à Clínica Elcio Faria </h3>
                <h1>Cuide de seu sorriso conosco!</h1>
                <p>A nossa paixão em melhorar a qualidade de vida das pessoas por meio da odontologia começou cedo. Um amor que tem sido perpetuado entre os membros da nossa família desde 1978.</p>
            </div>
            <div class="row">
                <!--Start Single Welcome Box-->
                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                    <div class="single-welcome-box text-center">
                        <div class="icon-holder">
                            <img src="{{ asset('site_assets/images/icon/icon-1.png')}}" alt="Icone ilustrativo de um dente">
                        </div>
                        <div class="text-holder">
                            <h3>Odontologia Avançada</h3>
                            <p>Profissionais altamente qualificados para cuidar da sua saúde bucal.</p>
                        </div>
                    </div>
                </div>
                <!--End Single Welcome Box-->
                <!--Start Single Welcome Box-->
                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                    <div class="single-welcome-box text-center">
                        <div class="icon-holder">
                            <img src="{{ asset('site_assets/images/icon/icon-2.png')}}" alt="Icone ilustrativo de um equipamento especializado">
                        </div>
                        <div class="text-holder">
                            <h3>Equipamentos De Ponta</h3>
                            <p>Acreditamos que investir na nossa estrutura, também é investir em você. Por isso, oferecemos um ambiente que possui equipamentos de alta tecnologia.</p>
                        </div>
                    </div>
                </div>
                <!--End Single Welcome Box-->
                <!--Start Single Welcome Box-->
                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                    <div class="single-welcome-box text-center">
                        <div class="icon-holder">
                            <img src="{{ asset('site_assets/images/icon/icon-3.png')}}" alt="Icone ilustrando o cuidado com o paciente">
                        </div>
                        <div class="text-holder">
                            <h3>Ambiente Confortável</h3>
                            <p>Da recepção até as salas de atendimento, tudo foi planejado e estruturado com o objetivo de te deixar confortável.</p>
                        </div>
                    </div>
                </div>
                <!--End Single Welcome Box-->
            </div>
        </div>
    </section>

    <!--End Welcome area-->
    @include('site.tratamentos-home', ['tratamentos' => $tratamentos])
    @include('site.equipe-home', ['equipe' => $equipe])
    @include('site.noticias-home', ['noticias' => $noticias])
@endsection