@extends('layouts.frontpages')

@section('content')
    @include('partials.header')

    <div class="about d-flex justify-content-center page">
        <div class="col-6 p-0 d-none d-md-block">
            <img src="{{ asset('images/about/que-es-la-rosca.jpg') }}" class="img-fluid" alt="La Rosca DD">
        </div>
        <div class="right-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <div class="about-wrapper">
                            <h1 class="legend">
                                ¿Qué es <br> <span class="frank-hh">la rosca</span>?
                            </h1>
                            <p>
                                <span class="bold">Es nuestro programa de fidelización</span> donde al registrarte,
                                entrarás a ser parte del mágico y dulce mundo Dunkin’ Donuts. Al ser un usuario activo
                                recibirás beneficios exclusivos, descuentos y recompensas únicas por visitar nuestras
                                tiendas.
                            </p>
                            <p>
                                Además, <span class="bold">podrás tener acceso a tu cuenta </span>personal en:
                            </p>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <a href="/">
                                            <button class="btn btn-outline-secondary"
                                                type="button">www.laroscadd.com.co</button>
                                        </a>
                                    </div>
                                    <div class="input-group-append">
                                        <span class="input-group-text">
                                            <img src="{{ asset('images/loupe.png') }}" class="img-fluid">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <p>
                                en donde podrás interactuar con Dunkin’ Donuts y acceder a <span class="bold">todo lo que
                                    tenemos para ti.</span>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
            @include('partials.footer')
        </div>
    </div>
@stop