@extends("ushuaia.web.plantilla")
@section("contenido")
<section id="descargar-app">
    <div class="container">
        <div class="row py-5">
            <div class="col-12">
                <h2 class="titulo text-center text-light mb-5">¡Descarga la app!</h2>
            </div>
            <div class="col-sm-6 col-12">
                <div class="row">
                    <div class="col-12 d-md-none d-block text-center">
                        <h3 class="text-uppercase font-weight-bold">Soy un vecino</h3>
                    </div>
                    <div class="col-sm-5 col-6 text-center">
                        <h3 class="text-uppercase font-weight-bold d-md-block d-none">Soy un vecino</h3>
                        <img class="img-fluid pt-4" src="/ushuaia/images/beneficiario-app.png" alt="+U Beneficiario">
                    </div>
                    <div class="col-sm-7 col-6">
                        <div class="pt-md-5 mt-lg-5 text-center">
                            <i class="fab fa-android icon mb-sm-0 mb-4 mt-md-0 mt-5"></i>
                            <a href="https://play.google.com/store/apps/details?id=com.depcsuite.uvecinos" class="text-uppercase btn d-lg-block d-none mt-md-3">Descargar para android</a>
                            <a href="https://play.google.com/store/apps/details?id=com.depcsuite.uvecinos" class="text-uppercase btn d-lg-none d-block mt-md-3">Descargar</a>
                            <i class="fab fa-apple icon mt-lg-5 mt-3 mb-md-0 mb-sm-0 mb-4"></i>
                            <a href="https://apps.apple.com/ar/app/tarjeta-ushuaia/id1538619100" class="text-uppercase btn d-lg-none d-block mt-md-3">Descargar</i></a>
                            <a href="https://apps.apple.com/ar/app/tarjeta-ushuaia/id1538619100" class="text-uppercase btn d-lg-block d-none mt-md-3">Descargar para apple</i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-12">
                <div class="row">
                    <div class="col-12 d-md-none d-block text-center">
                        <h3 class="text-uppercase font-weight-bold mt-5">Soy un comercio</h3>
                    </div>
                    <div class="col-sm-5 col-6 text-center">
                        <h3 class="text-uppercase font-weight-bold d-md-block d-none">Soy un comercio</h3>
                        <img class="img-fluid pt-4" src="/ushuaia/images/comercio-app.png" alt="+U Comercio">
                    </div>
                    <div class="col-sm-7 col-6">
                        <div class="pt-md-5 mt-lg-5 text-center">
                            <i class="fab fa-android icon mb-sm-0 mb-4 mt-md-0 mt-5"></i>
                            <a href="https://play.google.com/store/apps/details?id=com.depcsuite.ucomercios" class="text-uppercase btn d-lg-block d-none mt-md-3">Descargar para android</a>
                            <a href="https://play.google.com/store/apps/details?id=com.depcsuite.ucomercios" class="text-uppercase btn d-lg-none d-block mt-md-3">Descargar</a>
                            <i class="fab fa-apple icon mt-lg-5 mt-3 mb-md-0 mb-sm-0 mb-4"></i>
                            <a href="#" class="text-uppercase btn d-lg-none d-block mt-md-3 disabled">Descargar</i></a>
                            <a href="#" class="text-uppercase btn d-lg-block d-none mt-md-3 disabled">Descargar para apple</i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection