@extends('layouts.index.master')

  {{-- lang html tag --}}

  @section('lang'){{$lang}}@stop

  {{-- Title Head --}}

  @section('title'){{$title}}@stop

  {{-- Metatag Head --}}

  @section('Content-Type','text/html; charset=UTF-8')
  @section('x-ua-compatible','ie=edge')
  @section('keywords','Mudanza, mudanzas, fletes, camión de mudanzas, servicio de mudanzas, fletes y
mudanzas, vashapp, vashappmx')
  @section('description','Empresa de confianza especializada en mudanzas que logra reunir a clientes y
proveedores, eliminando errores comunes y generando cotizaciones en tiempo real.')
  @section('facebookUrl','http://www.vash.mx')
  @section('facebookImage','http://vash.mx/images/vash-logo-facebook.jpg')
  @section('viewport','width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1')
  @section('idiomaLang','es-mx')
  @section('urlLang','https://www.vash.mx/')

  <!--Menu Transparente-->
  @section('menuCSS','css/menu/menu.css?v='.cache("js_version_number").'')

  {{-- Angular Controller --}}

  @section('controller','index')

  {{-- Body --}}

  @section('content')


    <!--Carousel Wrapper-->
    <div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">

        <!--Indicators-->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-1z" data-slide-to="1"></li>
            <li data-target="#carousel-example-1z" data-slide-to="2"></li>
        </ol>
        <!--/.Indicators-->

        <!--Slides-->
        <div class="carousel-inner" role="listbox">

            <!--First slide-->
            <div class="carousel-item active">
                <div class="view" style="background-image: url('img/Vash/SLIDE 03a.jpg'); background-repeat: no-repeat; background-size: cover;">
            
                    <!-- Mask & flexbox options-->
                    <div class="container-fluid align-items-center justify-content-center h-100">
            
                        <!-- Content -->
                        <img id="logoPrimario" src="img/Vash/Logo Principal@2x.png" class="mx-auto d-block wow fade-in" alt="">
                        <!-- Description -->
                        <h1 id="eslogan" class="text-center white-text">Tu Mudanza de Confianza Profesional al Instante</h1>
            
                        <a style="cursor: pointer;" href="/login"><button style="cursor: pointer;" id="btn-cotiza" class="mx-auto d-block btn-cotiza">Cotiza tu Mudanza GRATIS</button></a>
            
                        <div style="margin-top: 20px;" class="center row show-xs">
                            <div style="text-align: center;" class="col-md-12 center">
                                <!--dagnino
                                <a class="center" href="https://api.whatsapp.com/send?phone=5215538940290">-->
                                <!--ricardo--> 
                                <a class="center" href="https://api.whatsapp.com/send?phone=5215586769263">
                                    <img class="animated center llamanos" style="display: inline-block !important; width: 200px; text-align: center;" data-animation-in="fadeInUp" src="images/WP.png" alt="">
                                </a>
                            </div>
                        </div>

                        <h2 id="txt-download" class="text-center">Descarga nuestra app</h2>
            
                        <div id="div-btn-download" class="row">
                            <div class="col">
                                <a href="https://itunes.apple.com/app/id1421650614"><img class="float-right btn-descarga" src="img/Vash/app_store_badge_solid@2x.png" alt=""></a>
                            </div>
                            <div class="col">
                                <a href="https://play.google.com/store/apps/details?id=jocker.com.vash"><img class="float-left btn-descarga" src="img/Vash/google_play_badge_solid@2x.png" alt=""></a>
                            </div>
                        </div>

                        <div class="text-center"><a href="#whoami"><i class="fas fa-chevron-down fa-4x white-text" id="flecha"></i></a></div>
                        <!-- Content -->
            
                    </div>
                    <!-- Mask & flexbox options-->
            
                </div>
            </div>
            <!--/First slide-->

            <!--Second slide-->
            <div class="carousel-item">
                <div class="view" style="background-image: url('img/Vash/SLIDE 01a.jpg'); background-repeat: no-repeat; background-size: cover;">

                    <!-- Mask & flexbox options-->
                    <div class="container-fluid align-items-center justify-content-center h-100">

                        <!-- Content -->
                        <img id="logoPrimario" src="img/Vash/Logo Principal@2x.png" class="mx-auto d-block wow fade-in" alt="">
                        <!-- Description -->
                        <h1 id="eslogan" class="text-center white-text">Tu Mudanza de Confianza Profesional al Instante</h1>
                        
                        <a style="cursor: pointer;" href="/login"><button style="cursor: pointer;" id="btn-cotiza" class="mx-auto d-block btn-cotiza">Cotiza tu Mudanza GRATIS</button></a>
                        
                        <h2 id="txt-download" class="text-center">Descarga nuestra app</h2>
                        
                        <div id="div-btn-download" class="row">
                            <div class="col">
                                <a href="https://itunes.apple.com/app/id1421650614"><img class="float-right btn-descarga" src="img/Vash/app_store_badge_solid@2x.png"
                                        alt=""></a>
                            </div>
                            <div class="col">
                                <a href="https://play.google.com/store/apps/details?id=jocker.com.vash"><img class="float-left btn-descarga" src="img/Vash/google_play_badge_solid@2x.png"
                                        alt=""></a>
                            </div>
                        </div>
                        
                        <div style="margin-top: 20px;" class="center row show-xs">
                            <div style="text-align: center;" class="col-md-12 center">
                                <!--dagnino
                                <a class="center" href="https://api.whatsapp.com/send?phone=5215538940290">-->
                                <!--ricardo--> 
                                <a class="center" href="https://api.whatsapp.com/send?phone=5215586769263">
                                    <img class="animated center llamanos" style="display: inline-block !important; width: 200px; text-align: center;" data-animation-in="fadeInUp" src="images/WP.png" alt="">
                                </a>
                            </div>
                        </div>

                        <div class="text-center"><a href="#whoami"><i class="fas fa-chevron-down fa-4x white-text" id="flecha"></i></a></div>
                        <!-- Content -->

                    </div>
                    <!-- Mask & flexbox options-->

                </div>
            </div>
            <!--/Second slide-->

            <!--Third slide-->
            <div class="carousel-item">
                <div class="view" style="background-image: url('img/Vash/SLIDE 04a.jpg'); background-repeat: no-repeat; background-size: cover;">

                    <!-- Mask & flexbox options-->
                    <div class="container-fluid align-items-center justify-content-center h-100">
                    
                        <!-- Content -->
                        <img id="logoPrimario" src="img/Vash/Logo Principal@2x.png" class="mx-auto d-block wow fade-in" alt="">
                        <!-- Description -->
                        <h1 id="eslogan" class="text-center white-text">Tu Mudanza de Confianza Profesional al Instante</h1>
                    
                        <a style="cursor: pointer;"  href="/login"><button style="cursor: pointer;" id="btn-cotiza" class="mx-auto d-block btn-cotiza">Cotiza tu Mudanza GRATIS</button></a>
                    
                        <h2 id="txt-download" class="text-center">Descarga nuestra app</h2>
                    
                        <div id="div-btn-download" class="row">
                            <div class="col">
                                <a href="https://itunes.apple.com/app/id1421650614"><img class="float-right btn-descarga" src="img/Vash/app_store_badge_solid@2x.png"
                                        alt=""></a>
                            </div>
                            <div class="col">
                                <a href="https://play.google.com/store/apps/details?id=jocker.com.vash"><img class="float-left btn-descarga" src="img/Vash/google_play_badge_solid@2x.png"
                                        alt=""></a>
                            </div>
                        </div>
                        
                        <div style="margin-top: 20px;" class="center row show-xs">
                            <div style="text-align: center;" class="col-md-12 center">
                                <!--dagnino
                                <a class="center" href="https://api.whatsapp.com/send?phone=5215538940290">-->
                                <!--ricardo--> 
                                <a class="center" href="https://api.whatsapp.com/send?phone=5215586769263">
                                    <img class="animated center llamanos" style="display: inline-block !important; width: 200px; text-align: center;" data-animation-in="fadeInUp" src="images/WP.png" alt="">
                                </a>
                            </div>
                        </div>

                        <div class="text-center"><a href="#whoami"><i class="fas fa-chevron-down fa-4x white-text" id="flecha"></i></a></div>
                        <!-- Content -->
                    
                    </div>
                    <!-- Mask & flexbox options-->

                </div>
            </div>
            <!--/Third slide-->

        </div>
        <!--/.Slides-->

        <!--Controls-->
        <a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
        <!--/.Controls-->

    </div>
    <!--/.Carousel Wrapper-->

    <div class="fixed-top contenedor">
        <a href="#top">
            <button class="botonF1">
                <i class="fas fa-arrow-up"></i>
            </button>
        </a>
    </div>
    <!--Main layout-->
    <main class="">
    
        <!--Section: Que es Vash-->
        <section id="whoami" class="">
            <div class="container">
                <!--Grid row-->
                <div class="row">
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <h1 id="txt-vash" class="text-uppercase font-weight-bold">¿Qué es Vash?</h1>
                        <p style="font-size: 16px; margin-top: 26px">En Vash sabemos lo complicado que es cambiarte<br>de
                            casa, queremos que cada momento con<br>nosotros sea de calidad y de confianza</p>
                    </div>
                    <!--Grid column-->
    
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <img id="img-casaMudanza" class="mx-auto d-block" src="img/Vash/casa mudanza.png" alt="">
                    </div>
                    <!--Grid column-->
                </div>
                <!--Grid row-->
            </div>
        </section>
        <!--Section: Que es Vash-->
    
        <!--Section: Mudate Facilmente-->
        <section id="mudate" class="seccion_azul">
            <div class="container">
                <!--Grid row-->
                <div class="row">
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <img class="d-none d-lg-block" id="img-appCamion" src="img/Vash/iphone_camion_pin@2x.png" class="img-fluid"
                            alt="">
                    </div>
                    <!--Grid column-->
    
                    <!--Grid column-->
                    <div class="col-lg-4 mb-4">
                        <h1 id="txt-mudate" class="text-uppercase font-weight-bold">Múdate Fácilmente</h1>
                        <p style="font-size: 16px; margin-top: 26px;">En unos simples clics encontrarás tu servicio de mudanza en minutos.</p>
                    </div>
                    <!--Grid column-->
     
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <img class="d-block d-lg-none mx-auto d-block" id="img-appCamion" src="img/Vash/iphone_camion_pin@2x.png"
                            class="img-fluid" alt="">
                    </div>
                    <!--Grid column-->
                </div>
                <!--Grid row-->
            </div>
        </section>
        <!--Section: Mudate Facilmente-->
    
        <!--Section: Fletes-->
        <section id="fletes" class="">
            <div class="container">
                <!--Grid row-->
                <div class="row">
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <h1 id="txt-fletes" class="text-uppercase font-weight-bold">Fletes</h1>
                        <p style="font-size: 16px; margin-top: 26px">Si necesitas llevar tu carga, nosotros te <br>
                            conseguimos al mejor transportista disponible.</p>
                    </div>
                    <!--Grid column-->
    
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <img id="img-camion" class="mx-auto d-block" src="img/Vash/camion mudanza@2x.png" alt="">
                    </div>
                    <!--Grid column-->
                </div>
                <!--Grid row-->
            </div>
        </section>
        <!--Section: Flestes-->
    
        <!--Section: Porque Nosotros-->
        <section id="xq-nosotros" class="seccion_azul">
            <div class="container">
                <!--Grid row-->
                <div class="row">
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <img class="d-none d-lg-block" id="img-mudanza-casa" src="img/Vash/mudanza casa@2x.png" class="img-fluid"
                            alt="">
                    </div>
                    <!--Grid column-->
    
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <h1 id="txt-xq-nosotros" class="text-uppercase font-weight-bold">¿Por qué Nosotros?</h1>
                        <p style="font-size: 16px; margin-top: 26px;">Nuestra plataforma tecnológica y el proceso de <br>
                            selección de nuestros transportistas garantizan <br>siempre una mudanza de confianza.</p>
                    </div>
                    <!--Grid column-->
    
                    <!--Grid column-->
                    <div class="col-lg-6 mb-4">
                        <img class="d-lg-none d-xl-none mx-auto d-block" id="img-mudanza-casa" src="img/Vash/mudanza casa@2x.png"
                            class="img-fluid" alt="">
                    </div>
                    <!--Grid column-->
                </div>
                <!--Grid row-->
            </div>
        </section>
        <!--Section: Porque Nosotros-->
    
    
        <!--Section: Funcionalidad -->
        <section class="funcionalidad">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <h1 id="txt-como-funciona" class="text-uppercase font-weight-bold text-center">¿Cómo Funciona?</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 mb-4">
                        <h1 id="txt-cotiza-serv" class="font-weight-bold">Cotiza tu servicio</h1>
                        <p class="parrafo">Cotiza en tiempo real y programa tu mudanza o <br> flete en la fecha y horario
                            que más te convenga.</p>
                    </div>
                    <div class="col-lg-6 mb-4">
                        <img id="img-cotiza" class="mx-auto d-block" src="img/Vash/iphone_app_vash@2x.png" alt="">
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-6 mb-4">
                        <img id="linea-punteada1" class="mx-auto d-none d-lg-block" src="img/Vash/linea punteada@2x.png"
                            alt="">
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-7 mb-4">
                        <img id="img-mandamos-mudanza" class="d-none d-lg-block" src="img/Vash/mandamos mudanza@2x.png">
                    </div>
                    <div class="col-lg-5 mb-4">
                        <h1 id="txt-mandamos-mudanza" class="font-weight-bold">Mandamos tu mudanza</h1>
                        <p class="parrafo">Solo mudanceros profesionales y altamente <br> capacitados para brindarte un
                            servicio de <br> confianza</p>
                    </div>
                    <div class="col-lg-7 mb-4">
                        <img id="img-mandamos-mudanza" class="d-lg-none d-xl-none mx-auto d-block" src="img/Vash/mandamos mudanza@2x.png"
                            alt="">
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-6 mb-4">
                        <img id="linea-punteada2" class="d-none d-lg-block" src="img/Vash/linea punteada2@2x.png" alt="">
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-6 mb-4" style="margin-top:81.46px">
                        <h1 id="txt-obten-excelente" class="font-weight-bold">Obtén un excelente servicio</h1>
                        <p class="parrafo">Garantizamos la mejor atención para el <br> transporte de sus muebles.</p>
                    </div>
                    <div class="col-lg-6 mb-4">
                        <img id="img-excelente" class="float-right" src="img/Vash/iphone_excelente@2x.png" alt="">
                    </div>
                </div>
                <div class="row" style="margin-top: 95px">
                    <span class="mx-auto d-block" style="font-size: 16px">"No es solo una mudanza es Tu Hogar"</span>
                </div>
                <div class="row" style="margin-top: 65px">
                    <a class="mx-auto d-block" style="cursor: pointer;" href="/login">
                        <button id="btn-cotiza-mudanza" class="btn mx-auto d-block z-depth-2">Cotiza tu Mudanza</button>
                    </a>
                </div>
                <div class="row" style="margin-top:108px">
                    <span class="mx-auto d-block font-weight-bold" id="txt-downloadApp">Descarga nuestra app</span>
                </div>
                <div class="row" id="row-app-solid">
                    <div class="col">
                        <a href="https://itunes.apple.com/app/id1421650614"><img class="float-right" src="img/Vash/app_store_badge_solid.png" alt=""></a>
                    </div>
                    <div class="col">
                        <a href="https://play.google.com/store/apps/details?id=jocker.com.vash"><img class="float-left" src="img/Vash/google_play_badge_solid.png" alt=""></a>
                    </div>
                </div>

                <div style="margin-top: 40px;" class="center row show-xs">
                    <div style="text-align: center;" class="col-md-12 center">
                        <!--dagnino
                        <a class="center" href="https://api.whatsapp.com/send?phone=5215538940290">-->
                        <!--ricardo--> 
                        <a class="center" href="https://api.whatsapp.com/send?phone=5215586769263">
                            <img class="animated center llamanos" style="display: inline-block !important; width: 200px; text-align: center;" data-animation-in="fadeInUp" src="images/WP.png" alt="">
                        </a>
                    </div>
                </div>

                <div class="row" style="margin-top:149.05px">
                    <a class="img-fluid mx-auto d-block" href="/soyTransportista">
                        <img id="img-group59" class="img-fluid mx-auto d-block" src="img/Vash/Group 59@2x.jpg" alt="">
                    </a>
                </div>
                <div id="contactoSection" class="row mt-5">
                    <!--Grid column-->
                    <div class="col-lg-4 col-md-12" style="height: 400px;">
                    
                        <img class="mx-auto d-block" src="img/Vash/buzon@2x.png" alt="" style="max-width: 299px; margin-top: 20%;">
                    
                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
                    <div class="col-lg-8 col-md-12">
                        <!-- Form contact -->
                        <!-- Heading -->
                        <h2 id="txt-contacto-info" class="font-weight-bold mt-5">Para mayor información...</h2>
                        <!-- Form contact -->
                    
                        <input class="form-control mb-2" type="text" name="nombre" id="nombre" placeholder="Nombre">
                
                        <input class="form-control mb-2" type="email" name="correo" id="correo" placeholder="Correo">
                
                        <input class="form-control mb-2" type="number" name="telefono" id="telefono" placeholder="Telefono">
                
                        <textarea name="mensaje" id="mensaje" placeholder="Mensaje" class="md-textarea md-textarea-auto form-control"
                            rows="5"></textarea>
                
                        <div class="mt-4 mb-5 float-right">
                            <button ng-click="sendForm(1);" id="send1" class="btn" type="submit">Enviar</button>
                        </div>
                        
                        <!-- Form contact -->
                        <!-- Form contact -->
                    </div>
                    <!--Grid column-->
                </div>
                <div class="row" style="margin-top:91px;">
                    <span class="mx-auto d-block font-weight-bold" id="txt-clientService">Servicios de nuestros clientes</span>
                </div>
            </div>
    
            <div>
                <img id="img-group60" class="img-fluid" src="img/Vash/Group 60@2x.jpg" alt="">
            </div>
    
        </section>
        <!--Section: Funcionalidad-->
    
        <br><br><br>
    
    </main>
    <!--Main layout-->

    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
    window.fbAsyncInit = function() {
        FB.init({
        xfbml            : true,
        version          : 'v3.3'
        });
    };

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = 'https://connect.facebook.net/es_ES/sdk/xfbml.customerchat.js';
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Your customer chat code -->
    <div class="fb-customerchat"
    attribution=setup_tool
    page_id="170547976942094"
    logged_in_greeting="Hola!, ¿En qué podemos ayudarte?"
    logged_out_greeting="Hola!, ¿En qué podemos ayudarte?">
    </div>

    @stop