|
Server : Apache System : Linux cloud.heroica.com.br 4.18.0-553.36.1.el8_10.x86_64 #1 SMP Wed Jan 22 03:07:54 EST 2025 x86_64 User : farolpborg ( 1053) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/farolpborg/public_html/ |
Upload File : |
<?
include "_configs/pgsql_conexao.php";
$SubPagina = "";
$Pagina = "Farol Bússola";
$PaginaPai = "";
include "_includes/header.php";
$SlugPg = remove_acentos($Pagina);
mysqli_query($conecta, "UPDATE estaticas SET visitas = visitas + 1 WHERE slug = '$SlugPg'");
$resest = mysqli_fetch_object(mysqli_query($conecta, "SELECT * FROM estaticas WHERE slug = '$SlugPg'"));
include "_includes/breadcrumbs.php";
include "_includes/farol-bussola.php";
?>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<section class="about-area2 section-padding section-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
<div class="about-caption about-caption1">
<div class="section-tittle">
<p><strong>João Pessoa (JPA)</strong>, capital da Paraíba, é um polo estratégico no Nordeste que passa por transformações econômicas, fiscais e sociais. Este primeiro <strong>Farol Bússola</strong>, do <strong>Farol de Desenvolvimento da Paraíba</strong>, integra dados desses cenários para orientar reflexões e decisões.</p>
<p>A economia estadual cresce de forma moderada, impulsionada pelo comércio e turismo, com geração de empregos e dinamismo em setores como hotelaria. Apesar de avanços na formalização, o mercado de trabalho ainda sofre com informalidade e subutilização.</p>
<p>Na área fiscal, Paraíba e João Pessoa mantêm certo equilíbrio nas contas, mas enfrentam pressões por mais investimentos. O uso crescente de crédito exige atenção à sustentabilidade e à arrecadação.</p>
<p>Segundo o Ranking de Competitividade (CLP, 2024), a Paraíba é a mais competitiva do NE e ocupa a 12ª posição nacional, com destaque em inovação e segurança. João Pessoa ficou em 4º lugar no NE, com avanços em saneamento, capital humano e gestão pública.</p>
<p>As exportações paraibanas, focadas em produtos agrícolas e industriais, favorecem a balança comercial, mas dependem do cenário global. No social, houve progressos na educação e saúde, embora desafios persistam, como o alto custo da cesta básica.</p>
<p>O <strong>Farol de Desenvolvimento da Paraíba</strong> lançará boletins mensais com análises e propostas para o crescimento sustentável do estado na era da Quarta Revolução Industrial.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="form-contact pt-5 pb-0">
<div class="container">
<div class="row justify-content-between text-center pt-5">
<div class="col-8 d-flex flex-wrap gap-2">
<a href="#indicadores" class="nav-link red-bg filter-pill flex-fill d-flex align-items-center justify-content-center rounded px-2 py-0 text-uppercase active" data-bs-toggle="tab">Indicadores-chave</a>
<a href="#economico" class="nav-link bg-secondary filter-pill flex-fill d-flex align-items-center justify-content-center rounded px-2 py-0 text-uppercase" data-bs-toggle="tab">Econômico</a>
<a href="#fiscal" class="nav-link bg-secondary filter-pill flex-fill d-flex align-items-center justify-content-center rounded px-2 py-0 text-uppercase" data-bs-toggle="tab">Fiscal e Internacional</a>
<a href="#social" class="nav-link bg-secondary filter-pill flex-fill d-flex align-items-center justify-content-center rounded px-2 py-0 text-uppercase" data-bs-toggle="tab">Social</a>
</div>
<div class="col-3 d-flex align-items-center">
<div for="periodoSelect" class="me-3 mb-0 h5">Período:</div>
<select class="form-control form-select bg-info rounded" id="periodoSelect">
<?php
foreach ($selectPeriodos as $periodo) {
echo "<option value='" . $periodo->id . "'>" . $periodo->periodo . "</option>";
}
?>
</select>
</div>
</div>
</div>
</section>
<section class="tab-content">
<div class="tab-pane fade show active" id="indicadores">
<div class="about-area2 section-padding pt-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 mb-5 pb-5">
<p class="mb-0">O Farol Bússola traz uma análise dos principais indicadores de João Pessoa e da Paraíba, destacando o papel central da capital no desenvolvimento econômico estadual. Com sua longa história desde 1585, João Pessoa concentra a maior parte das atividades econômicas e dos empregos da Paraíba. O boletim analisa dez indicadores-chave, como PIB, população, educação, saúde, mobilidade e mercado de trabalho, oferecendo uma visão clara da importância e dos desafios socioeconômicos da cidade.</p>
</div>
</div>
<div class="row px-3" id="indicadoresWrapper">
<style>
</style>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="economico">
<div class="about-area2 section-padding">
<div class="container">
<img src="../charts.jpg">
<div class="row align-items-center">
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
<div class="about-caption about-caption1">
<div class="section-tittle">
<p>Conteúdo da aba Econômico aqui...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="fiscal">
<div class="about-area2 section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
<div class="about-caption about-caption1">
<div class="section-tittle">
<p>Conteúdo da aba Fiscal e Internacional aqui...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="social">
<div class="about-area2 section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12">
<div class="about-caption about-caption1">
<div class="section-tittle">
<p>Conteúdo da aba Social aqui...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
document.querySelectorAll('.nav-link').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault(); // evita a mudança da URL com #
// Ativar o conteúdo da aba
const target = document.querySelector(this.getAttribute('href'));
document.querySelectorAll('.tab-pane').forEach(pane => {
pane.classList.remove('show', 'active');
});
target.classList.add('show', 'active');
// Atualizar estilos dos botões
document.querySelectorAll('.nav-link').forEach(el => {
el.classList.remove('red-bg', 'active');
el.classList.add('bg-secondary');
});
this.classList.add('red-bg', 'active');
this.classList.remove('bg-secondary');
});
});
</script>
<script defer src="<?= $Js; ?>/farol-bussola/script.js?v=1.0.0"></script>
<? include "_includes/footer.php"; ?>