@extends('layouts.master')
@section('content')

<div class="download-app-div asis" style="background-image: url('{{ asset('img/www/Yeko-Asistencias-min.jpg') }}');">
    <div class="overlay-primary"></div>
    <div class="content text-center">
        <div class="container grid-lg">
            <h1 class="bold">YekoClub® Asistencias</h1>
            <p class="bold">¡Pensamos en todo, pensamos en ti!</p>
        </div>
    </div>
</div>


<div class="container grid-lg p-40">
    <div class="text-center">
        <h5 class="pt-60 m-0 text-secundary bold">¿Como solicitar un</h5>
        <h3 class="cb bold"><span class="text-primary bold">Conductor elegido</span> Yekoclub®?</h3>
    </div>
    <div class="text-center pt-20">
        <p class="fs-18">Te explicamos por medio de 4 simples pasos el cómo solicitar tu servicio</p>
    </div>
</div>

<div class="container grid-lg pb-40 text-center">
    <div class="columns">
        <div class="column col-3 col-sm-12 col-md-6 popover popover-bottom">
            <img src="{{ asset('img/yekoasistencia1.jpeg') }}" width="50%">
            <p class="mt-10 fs-16">Comunícate con nuestra línea de Asistencia <strong>Bogot&aacute;: 5800609<br>Nacional: 01-8000-975820</strong></p>            
        </div>
        <div class="column col-3 col-sm-12 col-md-6 popover popover-bottom">
            <img src="{{ asset('img/yekoasistencia2.jpeg') }}" width="50%">
            <p class="mt-10 fs-16">Proporciona los datos de tu membresía YekoClub® y la dirección para el servicio</p>
        </div>
        <div class="column col-3 col-sm-12 col-md-6 popover popover-bottom">
            <img src="{{ asset('img/yekoasistencia3.jpeg') }}" width="50%">
            <p class="mt-10 fs-16">Proporciona los datos del vehículo para asignar tu conductor</p>
        </div>
        <div class="column col-3 col-sm-12 col-md-6 popover popover-bottom">
            <img src="{{ asset('img/yekoasistencia4.jpeg') }}" width="50%">
            <p class="mt-10 fs-16">Espera tu conductor y regresa seguro a tu destino</p>
        </div>
    </div>
</div>

<div class="container grid-lg pr-40 pl-40 pb-60">
    <div class="text-center">
        <a href="https://links.smart4.com.co/yekoclub/terminos_conductor_elegido.pdf" target="_blank" class="btn btn-primary">Términos y Condiciones</a>
    </div>
</div>

<div class="container p-40 bg-grey">
    <div class="text-center contact-ip-div content pt-30 pb-30">
        <h3>Este y todos nuestros beneficios, los puedes disfrutar a través de <br> nuestra tarjeta, convirtiéndote en socio YekoClub</h3>
        <div class="pt-20">
            <a href="/general/cards" class="btn btn-primary">Quiero mi Tarjeta <br> YekoClub</a>
        </div>
    </div>
</div>

@endsection