@extends('templates.layout')

@section('title', 'Quem Somos')

@section('description', '')

@section('content')

    <main id="quem-somos" class="c-main-content">

        {{-- Banner --}}
        @include('partials.common-banner', [
            'image' => asset('../img/banner-top.jpg'),
            'title' => 'QUEM SOMOS'
        ])
        {{-- End: Banner --}}

        {{-- Block --}}
        <div class="c-bg js-animated-start">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left">
                    <div class="c-presentation">
                        <div class="c-presentation__text appear-in appear-in-top">
                            <h2 class="o-ttl-title">Quem somos?</h2>

                            <img src="{{ asset('../img/quem-somos-page.jpg') }}" class="c-presentation__image--mobile" alt="Quem somos?">

                            <p class="o-ttl--justify">
                                A Associação Brasileira de Instituições de Pagamentos (ABIPAG) é formada por instituições de pagamento e instituições financeiras entrantes no mercado. Constituída após a abertura da indústria de meios eletrônicos de pagamento decorrente da atuação conjunta do Banco Central do Brasil (Banco Central) e do Conselho Administrativo de Defesa Econômica (CADE), a ABIPAG tem como objetivo promover a isonomia, a eficiência, a transparência e a concorrência no setor, viabilizando o desenvolvimento de modelos de negócios inovadores e a inclusão financeira.
                            </p>
                        </div>
                        <div class="c-presentation__content-img">
                            <img src="{{ asset('../img/quem-somos-page.jpg') }}" class="c-presentation__image appear-in appear-in-top appear-in-time-2" alt="Quem somos?">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- End: Block --}}

        {{-- Block --}}
        <div id="missao" class="c-bg c-bg--ice c-bg--secondary js-animated">
            <div class="o-content-block o-content-block--1066">
                <div class="o-content-block--left">
                    <div class="c-presentation">
                        <div class="c-presentation__text appear-in appear-in-top">
                            <h2 class="o-ttl-title">Missão</h2>

                            <img src="{{ asset('../img/nossa-missao.jpg') }}" class="c-presentation__image--mobile" alt="Nossa missão">

                            <p class="o-ttl--justify">
                                Contribuir para a transformação do sistema financeiro e de pagamentos, em benefício de um mercado competitivo, eficiente e inclusivo, que garanta acesso isonômico aos agentes e atenda às necessidades dos usuários finais dos serviços, consumidores e varejistas. Em um cenário de crescente evolução, são necessárias novas vozes e novas ideias: a ABIPAG é porta-voz dessa transformação.
                            </p>
                        </div>
                        <div class="c-presentation__content-img">
                            <img src="{{ asset('../img/nossa-missao.jpg') }}" class="c-presentation__image appear-in appear-in-top appear-in-time-2" alt="Nossa missão">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- End: Block --}}

        <div id="valores">

            @include('partials/cards-values-desktop')

            @include('partials/cards-values-mobile')

        </div>

        {{-- Block --}}
        <div id="mercado" class="c-bg js-animated">
            <div class="o-content-block o-content-block--1066">
                <div class="o-content-block--left">
                    <div class="c-presentation c-presentation--secondary">
                        <div class="c-presentation__text appear-in appear-in-top">
                            <h2 class="o-ttl-title">Mercado</h2>

                            <img src="{{ asset('../img/insdustria-1.jpg') }}" class="c-presentation__image--mobile" alt="Indústria">

                            <p class="o-ttl--justify">
                                Até meados de 2010, o mercado de cartões de crédito e débito era estruturado como um duplo monopólio. Isto é, existiam apenas duas credenciadoras, cada qual autorizada a processar somente transações realizadas com cartões de bandeiras pertencentes a seus respectivos grupos econômicos. Para promover a eficiência e a competição no setor, o Banco Central e o CADE passaram a atuar em conjunto. Por meio da celebração de Termos de Compromisso para cessação de condutas, o CADE rompeu as relações de exclusividade entre bandeiras e credenciadoras, possibilitando a entrada de novos agentes, que passaram a estar aptos a capturar, processar e liquidar transações de cartões com as principais bandeiras do país.
                            </p>

                            <img src="{{ asset('../img/insdustria-2.jpg') }}" class="c-presentation__image--mobile" alt="Indústria">

                            <p class="o-ttl--justify">
                                O Banco Central, por sua vez, regulamentou o mercado de meios de pagamento a partir da competência que lhe foi conferida pela Lei nº 12.865/2013, promovendo medidas de redução de custos ao varejo no âmbito dos arranjos de pagamento, a modernização do arcabouço regulatório e a eficiência, inclusão, competitividade e transparência no ecossistema, a partir de iniciativas da Agenda BC#. Exemplos dessas medidas são o lançamento bem-sucedido do Pix, a implementação do Open Finance, a disciplina do registro de recebíveis de cartão e os primeiros passos rumo ao Real Digital.

                                <br><br>

                                A ABIPAG, nesse cenário, busca contribuir ativamente perante as autoridades competentes, a fim de propulsionar as medidas que visem à construção de um mercado financeiro e de pagamentos competitivo e inovador.
                            </p>
                        </div>
                        <div class="c-presentation__content-img appear-in appear-in-top appear-in-time-2">
                            <img src="{{ asset('../img/insdustria-1.jpg') }}" class="c-presentation__image" alt="Indústria">
                            <img src="{{ asset('../img/insdustria-2.jpg') }}" class="c-presentation__image" alt="Indústria">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- End: Block --}}

        <div id="governanca">

            @include('partials/cards-structure-desktop', ['data' => $data, 'board_of_directory' => $board_of_directory, 'board_of_council' => $board_of_council])

            @include('partials/cards-structure-mobile', ['data' => $data, 'board_of_directory' => $board_of_directory, 'board_of_council' => $board_of_council])

        </div>

        {{-- @include('partials/cards-committees-desktop')

        @include('partials/cards-committees-mobile') --}}

        {{-- Block --}}
        <div id="associados" class="c-bg c-bg--ice js-animated">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Associados</h2>
                    <p class="o-ttl--mb-60">
                        Nossos associados tem participação ativa em nossas assembleias, propõe análises e estudos e apresenta sugestões e propostas de temas relacionados às normas e legislação do mercado de meios de pagamento.
                    </p>

                    @if($associates)
                    <div class="c-slider c-slider--arrows js-slick-associates">
                        @foreach($associates as $i => $associate)
                            <div class="c-slider__item">
                                <div class="c-logo">
                                    <a href="{{ $associate->link }}">
                                        <img src="{{ $associate->getImage() }}" alt="{{ $associate->title }}">
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @endif

                    <a href="{{ url(route('pages.contact')) }}" class="o-btn o-btn--primary o-btn--center o-btn--mt-40">Seja associado!</a>
                </div>
            </div>
        </div>
        {{-- End: Block --}}

        {{-- Block --}}
        <div id="parceiros" class="c-bg js-animated">
            <div class="o-content-block o-content-block--1066 appear-in appear-in-top">
                <div class="o-content-block--left o-content-block--right">
                    <h2 class="o-ttl-title">Parceiros</h2>

                    @if($partners)
                    <div class="c-slider c-slider--arrows js-slick-associates">
                        @foreach($partners as $i => $partner)
                            <div class="c-slider__item">
                                <div class="c-logo">
                                    <a href="{{ $partner->link }}">
                                        <img src="{{ $partner->getImage() }}" alt="{{ $partner->title }}">
                                    </a>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @endif

                </div>
            </div>
        </div>
        {{-- End: Block --}}


    </main>

@stop