@extends('frontend.layouts.master')

@section('content')
    <!--=============================
            BANNER START
        ==============================-->
    @include('frontend.home.components.slider')
    <!--=============================
            BANNER END
        ==============================-->

    <!--=============================
            WHY CHOOSE START
        ==============================-->
    @include('frontend.home.components.why-choose')
    <!--=============================
            WHY CHOOSE END
        ==============================-->


    <!--=============================
            OFFER ITEM START
        ==============================-->
    @include('frontend.home.components.offer-item')

    <!--=============================
        OFFER ITEM END
        ==============================-->


    <!--=============================
            MENU ITEM START
        ==============================-->
    @include('frontend.home.components.menu-item')
    <!--=============================
            MENU ITEM END
        ==============================-->
<!-- Botón flotante de WhatsApp -->
 <div class="whatsapp_chat_support wcs_fixed_right" id="button-w">
    <div class="wcs_button_label">
            Contáctanos
        </div>
    <div class="wcs_button wcs_button_circle">
        <span class="fa fa-whatsapp"></span>
    </div>

    <div class="wcs_popup">
        <div class="wcs_popup_close">
            <span class="fa fa-close"></span>
        </div>
        <div class="wcs_popup_header">
            <span class="fa fa-whatsapp"></span>
            <strong>Servicio al cliente</strong>

            <div class="wcs_popup_header_description">¿Necesidad de ayuda? Chatea con nosotros en Whatsapp</div>

        </div>
        <div class="wcs_popup_input"
            data-number="3163062975"
            data-availability='{ "monday":"07:00-22:30", "tuesday":"07:00-22:30", "wednesday":"07:7030-22:30", "thursday":"07:00-22:30", "friday":"07:00-22:30", "saturday":"09:00-18:30", "sunday":"09:00-22:30" }'>
            <input type="text" placeholder="Escribir pregunta!" />
            <i class="fa fa-play"></i>
        </div>
        <div class="wcs_popup_avatar">
            <img src="{{ asset('frontend/images/logoW.png') }}" alt="">
        </div>
    </div>
</div>
<!-- jQuery 1.8+ -->
<script src="{{ asset('frontend/jQuery/jquery-1.11.3.min.js') }}"></script>
    <!-- Plugin JS file -->
<script src="{{ asset('frontend/moment/moment.min.js') }}"></script>
<script src="{{ asset('frontend/moment/moment-timezone-with-data.min.js') }}"></script> <!-- spanish language (es) -->
<script src="{{ asset('frontend/js/whatsapp-chat-support.js') }}"></script>
<script>
   $('#button-w').whatsappChatSupport({
        defaultMsg : '',
    });
</script>

    <!--=============================
            ADD SLIDER START
        ==============================-->
    @include('frontend.home.components.ad-slider')

    <!--=============================
            ADD SLIDER END
        ==============================-->


    <!--=============================
            TEAM START
        ==============================-->
    @include('frontend.home.components.team')
    <!--=============================
            TEAM END
        ==============================-->

    <!--=============================
            DOWNLOAD APP START
        ==============================-->
    @include('frontend.home.components.app-download')

    <!--=============================
            DOWNLOAD APP END
        ==============================-->
    <!--=============================
           TESTIMONIAL  START
        ==============================-->
    @include('frontend.home.components.testimonial')

    <!--=============================
            TESTIMONIAL END
        ==============================-->
    <!--=============================
            COUNTER START
        ==============================-->
    @include('frontend.home.components.counter')

    <!--=============================
            COUNTER END
        ==============================-->

    <!--=============================
            BLOG 2 START
        ==============================-->
    @include('frontend.home.components.blog')
    <!--=============================
            BLOG 2 END
        ==============================-->
@endsection