@extends('theme')
@section('title', 'Concessões, PPPs e Investimentos - Angra dos Reis')
@section('content')

    @include('elements.nav')

    <main class="main">
        <section id="hero" class="hero section dark-background">

            <img src="{{ asset('assets/img/teleferico-ilustracao.jpg') }}" alt="" data-aos="fade-in">

            <div class="container d-flex flex-column align-items-center">
                <h2 data-aos="fade-up" data-aos-delay="100">Angra dos Reis,<br>Uma cidade de oportunidades</h2>
                <div class="d-flex mt-4" data-aos="fade-up" data-aos-delay="300">
                    <a href="https://www.youtube.com/watch?v=OvQqoxh2dHE"
                        class="glightbox btn-watch-video d-flex align-items-center"><i
                            class="bi bi-play-circle"></i><span>Assista</span></a>
                </div>
            </div>

        </section>

        <section id="sobre" class="about section">
            <div class="container section-title" data-aos="fade-up">
                <h2>O município</h2>
                <p>de Angra dos Reis<br></p>
            </div>
            <div class="container">
                <div class="row gy-4">
                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                        <img src="{{ asset('assets/img/angra-dos-reis1.jpg') }}" class="img-fluid rounded-4 mb-4"
                            alt="">
                        <p>Angra dos Reis é uma cidade turística localizada na Região da Costa Verde, no sul do Estado do
                            Rio de
                            Janeiro, a 150 km da capital e a 400 km da cidade de São Paulo. Fundada em 1502, possui cerca de
                            200 mil
                            habitantes e é considerada uma cidade de grande potencial, com recursos naturais e históricos de
                            rara
                            beleza.</p>
                        <p>Com 365 ilhas e 2.000 praias, a cidade tem como principal atividade turística o turismo náutico.
                            A Ilha
                            Grande, seu principal atrativo, é considerada uma das 7 Maravilhas do Rio e um Patrimônio
                            Mundial da
                            UNESCO.</p>
                        <p>A água do mar, de cor verde esmeralda, tem temperatura agradável até mesmo no inverno, o que
                            permite
                            visitar a cidade durante todo o ano.</p>
                    </div>
                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="250">
                        <div class="content ps-0 ps-lg-5">
                            <p class="fst-italic">
                                <strong>Cidade plural, com turismo, ecoturismo, grandes empreendimentos econômicos e
                                    proteção ambiental.</strong>
                            </p>
                            <ul>
                                <li><i class="bi bi-check-circle-fill"></i> <span>Angra dos Reis integra o Mapa do Turismo
                                        Brasileiro
                                        com categoria A.</span></li>
                                <li><i class="bi bi-check-circle-fill"></i> <span>É um dos 65 Destinos Indutores do
                                        Turismo.</span></li>
                                <li><i class="bi bi-check-circle-fill"></i> <span>Recebe cerca de 60 cruzeiros por ano, com
                                        mais de 1,4 milhão visitantes.</span></li>
                            </ul>
                            <p>
                                Por ano, milhares de veículos turísticos entram na cidade, sem contar os visitantes que
                                chegam
                                com
                                transporte próprio ou público. Angra dos Reis também abriga grandes empreendimentos como
                                porto, terminal
                                petrolífero, estaleiro, rodovia federal e duas usinas nucleares, tudo isso cercado por vasta
                                vegetação
                                preservada da Mata Atlântica.
                            </p>

                            <img src="{{ asset('assets/img/angra-dos-reis.jpg') }}" class="img-fluid rounded-4 mb-4"
                                alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <img src="{{ asset('assets/img/waves.svg') }}" class="img-fluid" alt=""
            style="margin-top: -80px; margin-bottom: -70px;">


        <section id="chamamentos-publicos" class="services section">
            <div class="container section-title" data-aos="fade-up">
                <h2>Projetos</h2>
                <p>Destaques<br></p>
            </div>
            <div class="container" data-aos="fade-up" data-aos-delay="100">
                <div class="row gy-5 gx-5">

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
                        <div class="service-item">
                            <div class="badge-licitacao-chamamento">EM CHAMAMENTO PÚBLICO</div>
                            <div class="img">
                                <img src="images/aeronaves-nao-tripuladas/aeronaves-nao-tripuladas.png" class="img-fluid"
                                    alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-box-open"></i>
                                </div>
                                <a href="{{ route('aeronaves-nao-tripuladas') }}" class="stretched-link">
                                    <h3>Aeronaves Não Tripuladas</h3>
                                </a>
                                <p>O projeto busca soluções para criação de rotas aéreas exclusivas para drones.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
                        <div class="service-item">
                            <div class="badge-licitacao-chamamento">EM CHAMAMENTO PÚBLICO</div>
                            <div class="img">
                                <img src="images/portfolio/orla-do-retiro.png" class="img-fluid" alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-umbrella-beach"></i>
                                </div>
                                <a href="{{ route('ppp-orla-retiro') }}" class="stretched-link">
                                    <h3>Orla do Retiro</h3>
                                </a>
                                <p>A Nova Orla prevê a concessão de 4 terrenos públicos em área nobre para implantação de
                                    infraestrutura turística.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
                        <div class="service-item">
                            <div class="badge-licitacao">A LICITAR</div>
                            <div class="img">
                                <img src="{{ asset('assets/img/projetos-destaques/parque-da-cidade.png') }}"
                                    class="img-fluid" alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-tree-city"></i>
                                </div>
                                <a href="{{ route('parque-da-cidade') }}" class="stretched-link">
                                    <h3>Parque da Cidade</h3>
                                </a>
                                <p>Um Parque Municipal com plano de manejo pensado numa concessão para trazer novos
                                    atrativos e infraestrutura turística continental integrando a Serra do Mar.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
                        <div class="service-item">
                            <div class="badge-licitacao">A LICITAR</div>
                            <div class="img">
                                <img src="{{ asset('assets/img/projetos-destaques/turismo-historico.png') }}"
                                    class="img-fluid" alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-plane"></i>
                                </div>
                                <a href="{{ route('turismo-historico') }}" class="stretched-link">
                                    <h3>Turismo Histórico</h3>
                                </a>
                                <p>Melhoria da infraestrutura e receptividade de pontos turísticos da área continental do
                                    Município.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
                        <div class="service-item">
                            <div class="badge-licitacao">A LICITAR</div>
                            <div class="img">
                                <img src="{{ asset('assets/img/projetos-destaques/parque-da-chacara.png') }}"
                                    class="img-fluid" alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-tree"></i>
                                </div>
                                <a href="{{ route('ppp-parque-da-chacara') }}" class="stretched-link">
                                    <h3>Parque da Chácara</h3>
                                </a>
                                <p>Projeto ecológico com objetivo de oferecer à comunidade um espaço de educação <br>
                                    ambiental e lazer.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300">
                        <div class="service-item">
                            <div class="badge-licitacao">A LICITAR</div>
                            <div class="img">
                                <img src="{{ asset('assets/img/projetos-destaques/cemiterio.png') }}" class="img-fluid"
                                    alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="bi bi-flower1"></i>
                                </div>
                                <a href="{{ route('ppp-cemiterio-publico') }}" class="stretched-link">
                                    <h3>Novo Cemitério</h3>
                                </a>
                                <p>Ampliação e modernização dos serviços funerários, garantindo qualidade no atendimento.
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
                        <div class="service-item">
                            <div class="badge-licitacao">A LICITAR</div>
                            <div class="img">
                                <img src="{{ asset('assets/img/projetos-destaques/eficiencia-energetica.png') }}"
                                    class="img-fluid" alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-solar-panel"></i>
                                </div>
                                <a href="{{ route('ppp-energia-fotovoltaica') }}" class="stretched-link">
                                    <h3>Eficiência Energética</h3>
                                </a>
                                <p>Gestão pública eficiente com economia e sustentabilidade.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
                        <div class="service-item">
                            <div class="badge-licitacao">A LICITAR</div>
                            <div class="img">
                                <img src="{{ asset('assets/img/projetos-destaques/nova-rodoviaria.png') }}"
                                    class="img-fluid" alt="">
                            </div>
                            <div class="details position-relative">
                                <div class="icon">
                                    <i class="fa-solid fa-bus"></i>
                                </div>
                                <a href="{{ route('ppp-nova-rodoviaria') }}" class="stretched-link">
                                    <h3>Nova Rodoviária</h3>
                                </a>
                                <p>Melhoria na infraestrutura e modernização do serviço prestado.</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section id="stats" class="stats section light-background">
            <div class="container section-title" data-aos="fade-up">
                <h2>Áreas de</h2>
                <p>Atuação<br></p>
            </div>
            <div class="container" data-aos="fade-up" data-aos-delay="100">
                <div class="row gy-5 gx-5 d-flex justify-content-center">

                    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6">
                        <div class="stats-item d-flex align-items-start w-100 h-100">
                            <i class="bi bi-building color-blue flex-shrink-0" style="color: #69c187;"></i>
                            <div>
                                <p class="areas-atuacao">Infraestrutura Urbana</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6">
                        <div class="stats-item d-flex align-items-start w-100 h-100">
                            <i class="bi bi-bus-front color-orange flex-shrink-0" style="color: #f89a32;"></i>
                            <div>
                                <p class="areas-atuacao">Mobilidade Urbana</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6">
                        <div class="stats-item d-flex align-items-start w-100 h-100">
                            <i class="bi bi-cash color-green flex-shrink-0" style="color: #0080c5;"></i>
                            <div>
                                <p class="areas-atuacao">Economia do Mar</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6">
                        <div class="stats-item d-flex align-items-start w-100 h-100">
                            <i class="bi bi-tree color-blue flex-shrink-0" style="color: #ffb000;"></i>
                            <div>
                                <p class="areas-atuacao">Parques</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6">
                        <div class="stats-item d-flex align-items-start w-100 h-100">
                            <i class="bi bi-brightness-high color-blue flex-shrink-0" style="color: #354b9c;"></i>
                            <div>
                                <p class="areas-atuacao">Turismo, Cultura e Esporte</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6">
                        <div class="stats-item d-flex align-items-start w-100 h-100">
                            <i class="bi bi-cpu color-blue flex-shrink-0" style="color: #ff5757;"></i>
                            <div>
                                <p class="areas-atuacao">Energia e Tecnologia</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section class="faq-9 faq section light-background" id="faq">
            <div class="container">
                <div class="row">

                    <div class="col-lg-5" data-aos="fade-up">
                        <h2 class="faq-title">Possui alguma Dúvida? Confira o FAQ</h2>
                        <p class="faq-description">Confira abaixo as perguntas mais frequentes sobre Parcerias
                            Público-Privadas e saiba como participar ou tirar suas dúvidas.</p>
                        <div class="faq-arrow d-none d-lg-block" data-aos="fade-up" data-aos-delay="200">
                            <svg class="faq-arrow" width="200" height="211" viewBox="0 0 200 211" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M198.804 194.488C189.279 189.596 179.529 185.52 169.407 182.07L169.384 182.049C169.227 181.994 169.07 181.939 168.912 181.884C166.669 181.139 165.906 184.546 167.669 185.615C174.053 189.473 182.761 191.837 189.146 195.695C156.603 195.912 119.781 196.591 91.266 179.049C62.5221 161.368 48.1094 130.695 56.934 98.891C84.5539 98.7247 112.556 84.0176 129.508 62.667C136.396 53.9724 146.193 35.1448 129.773 30.2717C114.292 25.6624 93.7109 41.8875 83.1971 51.3147C70.1109 63.039 59.63 78.433 54.2039 95.0087C52.1221 94.9842 50.0776 94.8683 48.0703 94.6608C30.1803 92.8027 11.2197 83.6338 5.44902 65.1074C-1.88449 41.5699 14.4994 19.0183 27.9202 1.56641C28.6411 0.625793 27.2862 -0.561638 26.5419 0.358501C13.4588 16.4098 -0.221091 34.5242 0.896608 56.5659C1.8218 74.6941 14.221 87.9401 30.4121 94.2058C37.7076 97.0203 45.3454 98.5003 53.0334 98.8449C47.8679 117.532 49.2961 137.487 60.7729 155.283C87.7615 197.081 139.616 201.147 184.786 201.155L174.332 206.827C172.119 208.033 174.345 211.287 176.537 210.105C182.06 207.125 187.582 204.122 193.084 201.144C193.346 201.147 195.161 199.887 195.423 199.868C197.08 198.548 193.084 201.144 195.528 199.81C196.688 199.192 197.846 198.552 199.006 197.935C200.397 197.167 200.007 195.087 198.804 194.488ZM60.8213 88.0427C67.6894 72.648 78.8538 59.1566 92.1207 49.0388C98.8475 43.9065 106.334 39.2953 114.188 36.1439C117.295 34.8947 120.798 33.6609 124.168 33.635C134.365 33.5511 136.354 42.9911 132.638 51.031C120.47 77.4222 86.8639 93.9837 58.0983 94.9666C58.8971 92.6666 59.783 90.3603 60.8213 88.0427Z"
                                    fill="currentColor"></path>
                            </svg>
                        </div>
                    </div>

                    <div class="col-lg-7" data-aos="fade-up" data-aos-delay="300">
                        <div class="faq-container">
                            <div class="faq-item faq-active">
                                <h3>Diferença entre Privatização e Parceria Público-Privada</h3>
                                <div class="faq-content">
                                    <p>Na Privatização, o bem público é vendido para o setor privado, enquanto que na
                                        Parceria isso é
                                        proibido por lei. No caso da Parceria, a relação é regulada através de contrato, o
                                        qual estabelece
                                        para ambas as partes direitos e deveres, que devem ser respeitados, sob pena de
                                        rescisão contratual.
                                        <br>
                                        Na Parceria, o bem público continua sendo do Estado, porém administrado pela empresa
                                        privada,
                                        cabendo ao mesmo a fiscalização pela prestação do serviço oferecido à população.
                                    </p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div>

                            <div class="faq-item">
                                <h3>Quais áreas mais comuns tem sido buscado via concessões e PPP?</h3>
                                <div class="faq-content">
                                    <p>Iluminação Pública, Smart Citie-Cidades Inteligentes, Centro Administrativos,
                                        Resíduos Sólidos,
                                        Saneamento Básico, Parques, etc.</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div>

                            <div class="faq-item">
                                <h3>O que é PMI?</h3>
                                <div class="faq-content">
                                    <p><u>O Procedimento de Manifestação de Interesse</u>, mais conhecido como PMI, é um
                                        instrumento que
                                        pode ser
                                        utilizado pelo Poder Público para que pessoas físicas ou jurídicas de direito
                                        privado, por sua conta
                                        e risco, apresentem estudos de viabilidade de um projeto, com a finalidade de
                                        subsidiar a
                                        administração pública com informações para estruturação de concessões e Parcerias
                                        Público-Privadas
                                        (PPPs).
                                        <br>
                                        O PMI é regido pelo Decreto n.º 8.428/2015 e, até 2019, era aplicável a projetos de
                                        PPP, concessão
                                        ou permissão de serviços públicos, arrendamento de bens públicos ou concessão de
                                        direito real de
                                        uso. Com a alteração feita pelo Decreto n.º 10.104/2019, o PMI foi ampliado para a
                                        apresentação de
                                        estudos de desestatização de empresa e contratos de parceria.de Manifestação de
                                        Interesse (PMI).
                                        <br>
                                        O Decreto Municipal n° 10.685/2017 de Angra dos Reis instituiu o Procedimento de
                                        Manifestação de
                                        Interesse (PMI).
                                    </p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div>

                            <div class="faq-item">
                                <h3>O que é MIP?</h3>
                                <div class="faq-content">
                                    <p><u>Manifestação de Interesse da Iniciativa Privada - MIP</u>, consiste na
                                        apresentação espontânea
                                        de propostas, estudos de viabilidade, levantamentos, investigações e projetos, por
                                        parte da
                                        iniciativa privada, a serem utilizados na estruturação de projetos de Concessões e
                                        PPPs pelo Poder
                                        Executivo Municipal.</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div>

                            <div class="faq-item">
                                <h3>Como é feita apresentação da MIP?</h3>
                                <div class="faq-content">
                                    <p>O interessado em apresentar seu projeto na área de Concessões e PPPs, poderá realizar
                                        a abertura do
                                        processo através do sistema SEI/ANGRA como usuário externo, acessando o link
                                        disponibilizado:
                                        <a href="https://angra.rj.gov.br/sei/manual/" target="_blank"
                                            style="color: #FF4A17;">Manual SEI!</a>
                                        <br>
                                        O interessado deverá abrir um processo administrativo do tipo Análise de projetos e
                                        realizar um
                                        despacho inicial, identificando-se de forma clara, devendo discriminar a intenção de
                                        apresentar o
                                        projeto, detalhando o contexto da iniciativa.
                                        <br>
                                        Por fim poderá anexar o documento da apresentação da MIP e todos os outros
                                        documentos pertinentes à
                                        exposição do projeto e regularidade da empresa.
                                        <br>
                                        Alternativamente poderá optar por comparecer à sede da Prefeitura de Angra dos Reis,
                                        onde procederá
                                        à abertura do processo junto ao Protocolo Geral.
                                    </p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>

        <img src="{{ asset('assets/img/monumentos.svg') }}" class="img-fluid" alt="">

        <section id="equipe" class="team section">
            <div class="container section-title" data-aos="fade-up">
                <h2>Equipe</h2>
                <p>Conheça Nossa Equipe</p>
            </div>
            <div class="container" data-aos="fade-up" data-aos-delay="100">
                <div class="swiper team-carousel">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide">
                            <div class="member">
                                <div class="pic"><img src="{{ asset('assets/img/team/ferreti.jpg') }}"
                                        class="img-fluid" alt="Cláudio de Lima Sírio - Prefeito"></div>
                                <div class="member-info">
                                    <h4>Cláudio de Lima Sírio</h4>
                                    <span>Prefeito Municipal</span>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="member">
                                <div class="pic"><img src="{{ asset('assets/img/team/rubinho.jpg') }}"
                                        class="img-fluid" alt="Rubens Rocha de Andrade- Vice-prefeito"></div>
                                <div class="member-info">
                                    <h4>Rubens Rocha de Andrade</h4>
                                    <span>Vice-prefeito</span>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="member">
                                <div class="pic"><img src="{{ asset('assets/img/team/andre-pimenta.jpg') }}"
                                        class="img-fluid" alt=""></div>
                                <div class="member-info">
                                    <h4>André Luís Gomes Amazonas Pimenta</h4>
                                    <span>Secretário de Planejamento e Gestão<br>
                                        Presidente do Conselho Gestor</span>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="member">
                                <div class="pic"><img src="{{ asset('assets/img/team/vitor-padilha.jpg') }}"
                                        class="img-fluid" alt=""></div>
                                <div class="member-info">
                                    <h4>Vítor Henrique Padilha Simões</h4>
                                    <span>Secretário de Articulação Governamental<br>
                                        Membro do Conselho Gestor</span>
                                </div>
                            </div>
                        </div>

                        <div class="swiper-slide">
                            <div class="member">
                                <div class="pic"><img src="{{ asset('assets/img/team/flavio-henrique-de-sa.jpg') }}"
                                        class="img-fluid" alt=""></div>
                                <div class="member-info">
                                    <h4>Flávio Henrique de Sá</h4>
                                    <span>Secretário de Finanças<br>
                                        Membro do Conselho Gestor</span>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>

                    <div class="swiper-pagination"></div>
                </div>
                <ul class="list_down">
                    <li><a href="{{ asset('downloads/Legislacao/256-2025.pdf') }}" target="_blank"><strong>Portaria Nº
                                256-2025</strong> <span class="preto">- Designa os membros
                                do Conselho Gestor nos moldes estabelecidos na Lei Municipal Nº 3.620, de 01 de janeiro de
                                2017, que institui o Programa Municipal de Parcerias Público-Privadas - ANGRAPPP</span></a>
                    </li>
                </ul>

                <div class="accordion mt-5 borda-accord-index" id="accordionExample">
                    <div class="accordion-item">
                        <h3 class="accordion-header" id="headingOne">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                                Equipe e Atribuição
                            </button>
                        </h3>
                        <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne"
                            data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <p>
                                    <strong>Superintendência de Concessões e Parcerias Público-Privadas</strong>
                                </p>
                                <ul type="a">
                                    <li><strong>Superintendente de Concessões e PPP´s:</strong> Isabela Paula de Almeida
                                    </li>
                                    <li><strong>Assessora de PPP's:</strong> Andressa Moreira Veras</li>
                                    <li><strong>Administrativo responsável:</strong> Júlia Lisboa Silva</li>
                                </ul>
                                <strong>Atribuições</strong>
                                <ol type="a">
                                    <li>Gestão e Coordenação de processos relacionados à concessão de serviços públicos e à
                                        celebração de parcerias com iniciativa privada;</li>
                                    <li>Desenvolver e analisar projetos de concessões e parcerias público-privadas,
                                        incluindo a elaboração de estudos de viabilidade, análises econômicas e técnicas;
                                    </li>
                                    <li>Definir diretrizes para as concessões e PPPs, com foco na melhoria da infraestrutura
                                        e serviços públicos;</li>
                                    <li>Organizar e coordenar processos licitatórios para a contratação de empresas em
                                        modelos de concessão ou PPP;</li>
                                    <li>Coordenar e apoiar a realização de estudos que avaliem o impacto e a viabilidade de
                                        novos projetos de concessões e PPPs.</li>
                                </ol>
                                <ul class="list_down mt-5 p-0">
                                    <li><a href="{{ asset('downloads/Decreto14105-2025.pdf') }}"
                                            target="_blank"><strong>Decreto 14.105/2025, de 09 de maio de 2025</strong>
                                            <span class="preto">- Fica nomeada a Comissão
                                                de Contratação, exclusivamente para as licitações de Parcerias
                                                Público-Privadas e Concessões, seja na forma presencial
                                                ou eletrônico, junto às Secretarias da Prefeitura Municipal de Angra dos
                                                Reis.</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </section>

        <section id="stats" class="stats section light-background">
            <div class="container section-title" data-aos="fade-up">
                <h2>Reconhecimento e</h2>
                <p>Premiações<br></p>
            </div>
            <div class="container" data-aos="fade-up" data-aos-delay="100">
                <div class="row gy-5 gx-5 d-flex justify-content-center">

                    <div class="col-lg-3 col-md-6">
                        <div class="stats-item premiacoes">
                            <img src="{{ asset('assets/img/Premio-2023.png') }}" alt="Prêmio 2023">
                            <div>
                                <p><a href="https://portal.angra.rj.gov.br/noticia.asp?vid_noticia=65695&IndexSigla=SPG"
                                        target="_blank">Prêmio de Prefeito Inovador na Expo BH 2023</a></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="stats-item premiacoes">
                            <img src="{{ asset('assets/img/Premio-2023.png') }}" alt="Prêmio 2023">
                            <div>
                                <p><a
                                        href="https://www.angra.rj.gov.br/noticias/06-04-2024/iluminacao-publica-de-angra-premiada-na-expo-bh">Prêmio
                                        de Cidades Inteligentes na Expo BH 2023</a></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="stats-item premiacoes">
                            <img src="{{ asset('assets/img/Mencao-2024.png') }}" alt="Menção Honrosa 2024">
                            <div>
                                <p><a href="https://www.angra.rj.gov.br/noticias/01-03-2024/angra-recebe-premio-pela-ppp-de-iluminacao-publica"
                                        target="_blank">Menção Honrosa "Melhor Gestão Privada de Projetos" no prêmio P3C
                                        2024</a></p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="stats-item premiacoes">
                            <img src="{{ asset('assets/img/Mencao-2025.png') }}" alt="Menção Honrosa 2025">
                            <div>
                                <p><a
                                        href="https://angra.rj.gov.br/noticias/26-02-2025/prefeitura-recebe-mencao-honrosa-no-maior-premio-de-ppps-e-concessoes-do-brasil">Menção
                                        Honrosa "Melhor Estruturação de Projetos Municipais" no prêmio P3C 2025</a></p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section id="news" class="contact news section">
            <div class="container section-title" data-aos="fade-up">
                <h2>Fique por dentro</h2>
                <p>Notícias e avisos</p>
            </div>
            <div class="container" data-aos="fade-up" data-aos-delay="100">
                <div class="row gx-5">
                    <div class="swiper mySwiper" data-aos="fade-up" data-aos-delay="100">
                        <div class="swiper-wrapper">
                            @if (isset($noticias) && $noticias->count() > 0)
                                @foreach ($noticias as $noticia)
                                    <div class="swiper-slide">
                                        <div class="info-item d-flex flex-column justify-content-start p-4"
                                            onclick="window.open('{{ env('APP_REFER_URL') }}/noticias/{{ \Carbon\Carbon::parse($noticia->created_at)->format('d-m-Y') }}/{{ $noticia->slug }}', '_blank');"
                                            style="cursor: pointer; height: 600px !important">

                                            <img src="{{ env('APP_REFER_URL') }}/{{ $noticia->featuredPhoto }}"
                                                alt="Imagem Ilustrativa" class="img-responsive news-img">
                                            <h3 class="mt-4">{{ $noticia->title }}</h3>
                                            <p class="news-desc">{{ $noticia->summary }}</p>
                                            <p style="margin-bottom: 0 !important">
                                                <small>{{ \Carbon\Carbon::parse($noticia->created_at)->format('d/m/Y') }}</small>
                                            </p>
                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <div class="swiper-slide">
                                    <div class="info-item d-flex flex-column justify-content-center p-4"
                                        style="height: 600px !important">
                                        <h3 class="mt-4">* Nenhuma notícia publicada!</h3>
                                    </div>
                                </div>
                            @endif
                        </div>

                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </section>





        <section id="contato" class="contact section">
            <div class="container section-title" data-aos="fade-up">
                <h2>Contato</h2>
                <p>Entre em Contato Conosco</p>
            </div>

            <div class="container" data-aos="fade-up" data-aos-delay="100">
                <div class="row">
                    <div class="col-12">
                        <div>
                            @include('errors.messageFlash')
                        </div>
                    </div>
                </div>
                <div class="row gy-4">
                    <div class="col-lg-6">
                        <div class="row gy-4">

                            <div class="col-lg-12">
                                <div class="info-item d-flex flex-column justify-content-center align-items-center"
                                    data-aos="fade-up" data-aos-delay="200">
                                    <i class="bi bi-geo-alt"></i>
                                    <h3>Endereço</h3>
                                    <p>Praça Nilo Peçanha, 186 - Centro - Angra dos Reis - RJ</p>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="info-item d-flex flex-column justify-content-center align-items-center"
                                    data-aos="fade-up" data-aos-delay="300">
                                    <i class="bi bi-telephone"></i>
                                    <h3>Ligue para nós</h3>
                                    <p>(24) 3365-1108 | 3365-1212</p>
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="info-item d-flex flex-column justify-content-center align-items-center"
                                    data-aos="fade-up" data-aos-delay="400">
                                    <i class="bi bi-envelope"></i>
                                    <h3>Envie um e-mail</h3>
                                    <p>angrappp@angra.rj.gov.br</p>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="col-lg-6">
                        <form id="formContato" action="{{ route('contact.send') }}" method="POST"
                            class="php-email-form" nctype="multipart/form-data" data-aos="fade-up">
                            @csrf
                            <div class="row gy-4">

                                <div class="col-md-6">
                                    <input type="text" name="name"
                                        class="form-control @error('name') is-invalid @enderror" placeholder="Seu nome:"
                                        value="{{ old('name') }}" required>
                                    @error('name')
                                        <small class="text-danger text-bold">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-md-6">
                                    <input type="email" class="form-control @error('email') is-invalid @enderror"
                                        name="email" placeholder="Seu e-mail:" value="{{ old('email') }}" required>
                                    @error('email')
                                        <small class="text-danger text-bold">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-md-12">
                                    <input type="text" class="form-control @error('subject') is-invalid @enderror"
                                        name="subject" placeholder="Assunto:" value="{{ old('subject') }}" required>
                                    @error('subject')
                                        <small class="text-danger text-bold">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-md-12 text-wrap">
                                    <textarea class="form-control textarea-comments @error('message') is-invalid @enderror" name="message" rows="4"
                                        placeholder="Mensagem:" required>{{ old('message') }}</textarea>
                                    @error('message')
                                        <small class="text-danger text-bold">{{ $message }}</small>
                                    @enderror
                                </div>

                                <div class="col-md-12 text-center">
                                    <div class="loading">Carregando</div>
                                    <div class="error-message"></div>
                                    <div class="sent-message">Sua mensagem foi enviada. Obrigado!</div>
                                    <button type="submit" id="submitContato">Enviar mensagem</button>
                                </div>
                            </div>
                            <div id='recaptchaContato' data-size="invisible"></div>
                        </form>
                    </div>

                </div>
            </div>
        </section>
    </main>

    @include('footer')
@endsection