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

<div class="download-app-div download-res-hworks" style="background-image: url({{ asset('img/www/conocertarjetas-min.jpg') }});">
    <div class="overlay-primary overlay-res-hworks"></div>
        <div class="content content-hworks">
        <div class="col-9 col-md-12 col-mx-auto grid-lg grid-res-md">
            <div class="">
                <h1 class="text-center p-centered bold">Todo lo que necesitas saber del funcionamiento lo encuentras acá</h1>
                <p class="text-center p-centered fs-18 fw-600">Grabamos un video para mostrarte como funciona la tarjeta de descuentos YekoClub®, no dudes en contactarnos si tienes alguna duda</p>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="columns">
        <div class="col-12">
            <div class="text-center">
            <h5 class="pt-80 text-primary bold">Conoce cómo funciona</h5>
            <h3 class="bold">YekoClub® {{ $account === 'www' ? '' : ucfirst($account) }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="container grid-md">
    <div class="columns p-40">
        <div class="column col-12">
            <div class="video-responsive">
                <iframe width="560" height="315" src="https://www.youtube.com/embed/ovytxOIJ2Og" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>

<div class="container pt-30">
    <div class="columns">
        <div class="col-md-12 col-mx-auto">
            <div class="text-center pt-50 fs-30">
                <p class="txt-white mw-700 fw-600 p-centered">Así de fácil ahorras dinero con tu tarjeta Yekoclub®</p>
            </div>
        </div>
    </div>
</div>

<div class="container pb-80 pt-20">
    <div class="columns">
        <div class="col-md-12 col-mx-auto">
            <div>
                <a href="/general/cards" class="btn btn-primary btn-size p-centered fs-24">Quiero mi tarjeta <br> YekoClub®</a>
            </div>
        </div>
    </div>
</div>
@endsection