@extends('theme')
@section("title", "PPP - Nova Rodoviária")
@section('content')

    @include('elements/nav')

    <main class="main top90">

        <div class="page-title dark-background" data-aos="fade"
            style="background-image: url({{ asset('images/nova-rodoviaria/01.png') }});">
            <div class="container position-relative">
                <h1>Nova Rodoviária</h1>
                <nav class="breadcrumbs">
                    <ol>
                        <li><a href="{{ route("index") }}">Início</a></li>
                        <li class="current">Nova Rodoviária</li>
                    </ol>
                </nav>
            </div>
        </div>

        <section id="features" class="features section">

            <div class="container">
                <ul class="nav nav-tabs row d-flex justify-content-center" data-aos="fade-up" data-aos-delay="100"
                    style="margin-top: -70px;">
                    <li class="nav-item col-xl-3 col-md-4 col-sm-3 col-xs-3 col-3">
                        <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#features-tab-1">
                            <i class="fa-regular fa-clipboard"></i>
                            <h4 class="d-none d-lg-block">Características Gerais</h4>
                        </a>
                    </li>
                    <li class="nav-item col-xl-3 col-md-4 col-sm-3 col-xs-3 col-3">
                        <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-2">
                            <i class="fa-solid fa-file-arrow-down"></i>
                            <h4 class="d-none d-lg-block">Arquivos para downloads</h4>
                        </a>
                    </li>
                    <li class="nav-item col-xl-3 col-md-4 col-sm-3 col-xs-3 col-3">
                        <a class="nav-link" data-bs-toggle="tab" data-bs-target="#features-tab-3">
                            <i class="fa-solid fa-panorama"></i>
                            <h4 class="d-none d-lg-block">Fotos e multimídia</h4>
                        </a>
                    </li>
                </ul>

                <div class="tab-content" data-aos="fade-up" data-aos-delay="200" style="margin-top: 50px;">
                    <div class="tab-pane fade active show" id="features-tab-1">

                        <div class="row mt-3 mt-lg-0">

                            <div class="mb-5 col-lg-6 col-md-12 order-lg-2 order-sm-1">
                                <img src="images/portfolio/nova-rodoviaria.png" alt="" class="img-fluid">
                            </div>

                            <div class="col-lg-6 col-md-12 order-lg-1 order-sm-2">

                                <div class="row card-tag-container gx-4 gy-4">
                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Modalidade do projeto</span>
                                        <p>Concessão ou PPP</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Setor</span>
                                        <p>Infraestrutura e Mobilidade Urbana</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Órgão Viabilizador</span>
                                        <p>Secretaria de Planejamento e Gestão</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Órgão Responsável</span>
                                        <p>Secretaria-Executiva de Ordem Pública e Mobilidade Urbana</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Forma de Estruturação</span>
                                        <p>Contratação de Consultoria Especializada</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Critério de Julgamento</span>
                                        <p>A definir</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Prazo estimado para conclusão dos estudos</span>
                                        <p>2º semestre de 2026</p>
                                    </div>

                                    <div class="col-xl-6 col-lg-12 col-md-6 col-sm-12 card-tag">
                                        <span class="tag">Prazo estimado para licitação</span>
                                        <p>1º semestre de 2027</p>
                                    </div>

                                </div>

                                {{-- <p>A Rodoviária de Angra dos Reis, tem sido por anos um ponto crucial na infraestrutura
                                    de
                                    transporte da cidade, conectando moradores e visitantes a destinos locais e distantes.
                                    No entanto, com a crescente demanda por serviços de qualidade e eficiência, a Prefeitura
                                    de Angra dos Reis está buscando modernizar o projeto da rodoviária para atender às
                                    necessidades atuais e futuras da comunidade. Buscando integrar modais terrestres
                                    intermunicipal e interestadual, além da possibilidade de transporte marítimo.</p>
                                <p>
                                    A concessão da rodoviária representa uma oportunidade única para reimaginar e
                                    revitalizar esse importante centro de transporte. A modernização do projeto visa não
                                    apenas melhorar as instalações físicas, mas também aprimorar os serviços oferecidos,
                                    proporcionando uma experiência mais confortável, conveniente e segura para os usuários.
                                </p>
                                <p>
                                    Entre as possíveis atualizações incluem-se a melhoria da infraestrutura de espera e
                                    embarque, a implementação de tecnologias de informação e comunicação para facilitar o
                                    acesso a horários de ônibus e outras informações relevantes, e a criação de espaços
                                    comerciais e de lazer para agregar valor ao ambiente da rodoviária.</p>
                                <p>
                                    Além disso, a modernização do projeto também pode contemplar iniciativas sustentáveis,
                                    como a adoção de práticas de eficiência energética, o uso de materiais sustentáveis e a
                                    promoção de alternativas de transporte público e compartilhado para reduzir o impacto
                                    ambiental.</p>

                                <p class="top40">
                                    <strong>Status:</strong> Em Chamamento Público<br>
                                    <strong>Órgão Responsável:</strong> Secretaria de Segurança Pública<br>
                                    <strong>Órgão Articulador da Viabilidade:</strong> Secretaria de Planejamento e Gestão
                                </p>
                                <p class="top40">
                                    <strong>CRONOGRAMA</strong><br>
                                    Procedimento: PMI<br>
                                    Prazo: 05 dias úteis para apresentação do requerimento formal (prorrogação)<br>
                                    Prazo para entrega: 06 de setembro de 2024<br>
                                    Consulta Pública: A definir<br>
                                    Audiência Pública: A definir
                                </p>
                                <p class="top40">
                                    <strong>1º ato)</strong> Publicação do Chamamento Público Nº 001/2024/PMAR no Boletim
                                    Oficial do Município Nº 1936, de 02 de agosto de 2024. Prazo de 20 (vinte) dias úteis
                                    concedido para fase pública de apresentação da declaração de interesse, contados a
                                    partir da publicação do Chamamento Público.
                                </p> --}}

                            </div>
                        </div>

                        <div class="row mt-4">
                            <div class="card-tag">
                                <span class="tag">Resumo do projeto</span>
                            </div>
                            <p>A Estação Rodoviária desempenha um papel fundamental na mobilidade e na conectividade de
                                nossa cidade, facilitando o transporte de passageiros e contribuindo para o desenvolvimento
                                econômico e social da região, em vista disso buscamos parcerias que possibilitem sua gestão
                                eficiente e sua modernização, através de um projeto intermodal que conjugue o transporte
                                terrestre e o aquático, por meio da construção de um novo píer para passageiros de flex e
                                táxi-boat, visando oferecer serviços de qualidade aos cidadãos e visitantes.</p>
                        </div>

                        <div class="row d-flex justify-content-center">

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-autorizacao.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Autorização do CGP</p>
                                    <img src="{{ asset('assets/img/ico-etapa-load.svg') }}" class="etapa-check"
                                        alt="Em andamento">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-estudo.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Estudo</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-consulta.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Consulta Pública</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-edital.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Edital</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-tce.svg') }}"
                                        alt="Envio ao TCE">
                                    <p>Envio ao TCE</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check" alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-sessao.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Sessão Pública</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                            <div class="col-xl col-lg-3 col-md-3 col-sm-6 col-xs-6 col-6">
                                <div class="etapa-projeto">
                                    <img src="{{ asset('assets/img/ico-contrato.svg') }}"
                                        alt="Autorização do Conselho Gestor">
                                    <p>Contrato</p>
                                    <img src="{{ asset('assets/img/ico-etapa-vazio.svg') }}" class="etapa-check"
                                        alt="A Realizar">
                                </div>
                            </div>

                        </div>

                    </div>

                    <div class="tab-pane fade" id="features-tab-2">
                        <section class="faq-section py-5">
                            <div class="container">
                                <div class="accordion accordion-flush" id="accordionFlushExample" data-aos="fade-up"
                                    data-aos-delay="200" data-aos-duration="1000">

                                    <!-- Pergunta 1 -->
                                    <div class="accordion-item">
                                        <h2 class="accordion-header">
                                            <button class="accordion-button collapsed fs-8 fw-bold px-3" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#flush-collapseOne"
                                                aria-expanded="false" aria-controls="flush-collapseOne">
                                                Publicações
                                            </button>
                                        </h2>
                                        <div id="flush-collapseOne" class="accordion-collapse collapse show"
                                            data-bs-parent="#accordionFlushExample">
                                            <div class="accordion-body text-dark p-4">
                                                <ul class="list_down">
                                                    <li>
                                                        <a href="downloads/Rodoviaria/Ata-Reuniao-16dezembro2024.pdf"
                                                            target="_blank">
                                                            <strong>Ata da Reunião - 16 de dezembro de 2024</strong><br>
                                                            <span class="preto">Ata de Reunião para análise de prorrogação do prazo de entrega dos requerimentos referentes a PMI para solução e implantação do projeto rodoviário para atender o Município de Angra dos Reis.</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="https://www.angra.rj.gov.br/procedimento.asp?indexsigla=transp&vIDPro=10202&o=20&s=4&p=rodovi%E1ria&a=2024"
                                                            target="_blank"><strong>Download do Edital e seus
                                                                anexos</strong></a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/Rodoviaria/BO-1954_de_30-08-2024_PRORROGACAO.pdf"
                                                            target="_blank">
                                                            <strong>Ata da Reunião - 27 de agosto de 2024</strong><br>
                                                            <span class="preto">Ata da reunião para análise de prorrogação
                                                                do prazo de
                                                                entrega dos requerimentos referentes a PMI para solução e
                                                                implantação do
                                                                Projeto da Rodoviária para atender o município de Angra dos
                                                                Reis.</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/Rodoviaria/BO-1964_de_13-09-2024 AUTORIZACAO.pdf"
                                                            target="_blank">
                                                            <strong>Termo de autorização e Ata da Reunião - 11 de setembro
                                                                de
                                                                2024</strong><br>
                                                            <span class="preto">Termo de autorização Nº 002/2024 PMI Nº
                                                                001/2023/SPP e Ata
                                                                da reunião para análise de entrega dos requerimentos
                                                                referentes a PMI para
                                                                solução e implantação do Projeto Rodoviária para atender o
                                                                município de
                                                                Angra dos Reis.</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="downloads/Rodoviaria/ata-reuniao_19junho2026-rodoviaria.pdf"
                                                            target="_blank">
                                                            <strong>Ata de Reunião - 19 de junho de 2026</strong><br>
                                                            <span class="preto">Ata de Reunião para deliberação acerca dos estudos apresentados no âmbito do chamamento público N° 001/2024/PMAR.</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>

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

                    <div class="tab-pane fade" id="features-tab-3">
                        <div class="row">
                            <div class="col-12 order-2 order-lg-1 mt-3 mt-lg-0">

                                <div class="row gy-4" data-aos="fade-up" data-aos-delay="200">
                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/nova-rodoviaria/01-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/nova-rodoviaria/01.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/nova-rodoviaria/02-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/nova-rodoviaria/02.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/nova-rodoviaria/03-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/nova-rodoviaria/03.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/nova-rodoviaria/04-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/nova-rodoviaria/04.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/nova-rodoviaria/05-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/nova-rodoviaria/05.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
                                        <div class="portfolio-content h-100">
                                            <img src="images/nova-rodoviaria/06-thumb.png" class="img-fluid" alt="">
                                            <div class="portfolio-info">
                                                <a href="images/nova-rodoviaria/06.png" data-gallery="portfolio-gallery-app"
                                                    class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
                                            </div>
                                        </div>
                                    </div>

                                </div>

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

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

    </main>

    @include('footer')
@endsection