Remover "Digite a sigla (AC, AL, AM...) ou o nome completo do estado brasileiro" e escrever "Você será redirecionado para o portal da Procuradoria da Fazenda - Follow Up Deployment

index.html

@@ -74,8 +74,8 @@
     <section class="text-white bg-cover bg-center" style="background-image: url('https://www.regularize.online/wp-content/uploads/2023/08/Sem-nome-680-×-456-px-1910-×-376-px-4.png')">
         <div class="bg-blue-900 bg-opacity-70 py-32">
             <div class="container mx-auto px-4 text-center py-8">
-                <h1 class="text-4xl md:text-5xl mb-6">Transações Tributárias</h1>
-                <p class="text-xl md:text-2xl mb-8">Nova Modalidade de Negociação</p>
+                <h1 class="text-4xl md:text-5xl mb-6">Negociações nos Estados e no DF</h1>
+                <p class="text-xl md:text-2xl mb-8">Pesquise as modalidades de Negociação de Débitos Inscritos na Dívida Ativa (Procuradorias das Fazendas)</p>
                 <a href="https://marcelovicente.prof/live1947" class="profmarcelovicente-btn px-8 py-3 rounded-lg font-bold text-white hover:shadow-lg transition inline-block">
                     Quero garantir minha vaga!
                 </a>
@@ -83,78 +83,54 @@
         </div>
     </section>
 
-    <!-- Main Content -->
-    <main class="container mx-auto px-4 py-12">
-        <!-- Hero Section -->
-        <div class="max-w-6xl mx-auto mb-16 text-center">
-            <h1 class="profmarcelovicente-text text-4xl md:text-5xl mb-6">Transações Tributárias</h1>
-            <h2 class="text-2xl md:text-3xl mb-8">Soluções estratégicas para desafios fiscais</h2>
-            <div class="bg-white rounded-lg shadow-lg p-8 mb-12 text-left">
-                <h3 class="profmarcelovicente-text text-2xl mb-4">Amplie sua atuação jurídica com Transações Tributárias</h3>
-                <p class="text-gray-700 mb-4">Descubra uma oportunidade única de ampliar sua atuação jurídica e fortalecer seu escritório: especialize-se em Transações Tributárias! Com a Lei 13.988/2020, conhecida como a "Lei do Contribuinte Legal", você pode oferecer aos seus clientes uma solução eficiente para dívidas e discussões com a Fazenda Nacional.</p>
-                <p class="text-gray-700 mb-4">A Transação Tributária é uma modalidade inovadora de negociação que permite resolver conflitos fiscais de forma mais rápida e vantajosa, com condições diferenciadas como descontos em juros, multas e parcelamentos facilitados.</p>
-            </div>
-
-            <!-- Modalidades Section -->
-            <h2 id="modalidades" class="profmarcelovicente-text text-3xl mb-8">Modalidades de Transação Tributária no Brasil</h2>
-            <div class="grid md:grid-cols-2 gap-8 mb-12">
-                <div class="bg-gray-100 rounded-lg shadow-lg p-6">
-                    <h3 class="profmarcelovicente-text text-xl mb-4">Transação Individual</h3>
-                    <p class="text-gray-700">Voltada para contribuintes com débitos específicos, permitindo acordos personalizados e ajustados às particularidades de cada caso.</p>
-                </div>
-                <div class="bg-gray-100 rounded-lg shadow-lg p-6">
-                    <h3 class="profmarcelovicente-text text-xl mb-4">Transação por Adesão</h3>
-                    <p class="text-gray-700">Oferecida pela administração pública, na qual o contribuinte aceita condições previamente estabelecidas em programas ou instrumentos normativos.</p>
+    <!-- State Search Form -->
+    <section class="container mx-auto px-4 py-12">
+        <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-lg p-8">
+            <h1 class="profmarcelovicente-text text-3xl mb-6 text-center">Digite a sigla ou o nome do Estado</h1>
+            
+            <form class="search-form" onsubmit="buscarEstado(event)">
+                <div class="flex">
+                    <input 
+                        type="text" 
+                        id="estadoInput"
+                        class="flex-grow px-4 py-3 border border-gray-300 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
+                        placeholder="Digite a sigla (ex: SP) ou nome do estado (ex: São Paulo)"
+                        autocomplete="off"
+                    >
+                    <button 
+                        type="submit" 
+                        class="profmarcelovicente-btn px-6 py-3 rounded-r-lg font-bold text-white hover:shadow-lg transition"
+                    >
+                        Acessar
+                    </button>
                 </div>
+            </form>
+            
+            <div class="text-gray-500 text-sm mt-2 text-center">
+                Você será redirecionado para o portal da Procuradoria da Fazenda
             </div>
+        </div>
+    </section>
 
-            <div class="bg-white rounded-lg shadow-lg p-8 mb-12">
-                <p class="text-gray-700 mb-4">Essas modalidades estão disponíveis nos âmbitos federal, estadual, do Distrito Federal e municipal, ampliando as possibilidades de negociação e soluções fiscais em diferentes esferas de poder.</p>
-                <p class="text-gray-700 mb-4">Ao dominar essa área, você se posiciona como um advogado estratégico, capaz de proporcionar benefícios reais aos seus clientes, ajudando-os a quitar suas pendências de maneira mais favorável.</p>
-                <p class="text-gray-700 mb-4">Não perca a chance de se destacar no mercado jurídico! Invista na sua especialização em Transações Tributárias e transforme desafios fiscais em oportunidades de sucesso. Seja o profissional que oferece soluções inteligentes e diferenciadas — seu diferencial competitivo começa aqui!</p>
-                <a href="https://marcelovicente.prof/master" class="profmarcelovicente-btn px-8 py-3 rounded-lg font-bold text-white hover:shadow-lg transition inline-block">
-                    Saiba mais sobre especialização
-                </a>
+    <!-- Modal -->
+    <div id="errorModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center">
+        <div class="bg-white rounded-lg shadow-xl max-w-sm w-full">
+            <div class="profmarcelovicente-bg text-white px-6 py-4 rounded-t-lg">
+                <h3 class="text-lg font-bold">Resultado da pesquisa</h3>
             </div>
-
-            <!-- Quick Access Section -->
-            <div class="bg-white rounded-lg shadow-lg p-8">
-                <h2 class="profmarcelovicente-text text-3xl mb-6">Acesso às Transações</h2>
-                <div class="grid md:grid-cols-2 gap-4">
-                    <a href="https://www.gov.br/receitafederal/pt-br/servicos/regularizacao-de-impostos/fazer-acordo" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Federais - RFB</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                    <a href="https://www.gov.br/pgfn/pt-br/servicos/orientacoes-contribuintes/acordo-de-transacao" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Federais - PGFN</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                    <a href="https://www.gov.br/pt-br/servicos/transacao-de-dividas-das-autarquias-e-fundacoes-publicas-federais" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Federais - AGU</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                    <a href="https://www.regularize.online/programas-de-parcelamento-estados-e-df/" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Estaduais / DF</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                    <a href="https://www.regularize.online/pesquisar-negociacoes-municipais-e-df/" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Municipais</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                    <a href="https://www8.receita.fazenda.gov.br/SimplesNacional/Servicos/Grupo.aspx?grp=14" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Simples Nacional - RFB</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                    <a href="https://www.gov.br/pgfn/pt-br/servicos/orientacoes-contribuintes/acordo-de-transacao" target="_blank" class="profmarcelovicente-btn px-4 py-3 rounded-lg text-white text-center hover:shadow-lg transition flex items-center justify-center space-x-2">
-                        <span>Simples Nacional - PGFN</span>
-                        <i class="fas fa-external-link-alt text-sm"></i>
-                    </a>
-                </div>
+            <div class="p-6">
+                <p>Unidade não encontrada. Tente novamente</p>
+            </div>
+            <div class="px-6 py-4 bg-gray-100 rounded-b-lg text-right">
+                <button 
+                    onclick="fecharModal()" 
+                    class="profmarcelovicente-btn px-4 py-2 rounded font-bold text-white hover:shadow-lg transition"
+                >
+                    OK
+                </button>
             </div>
         </div>
-
-        </div>
-    </main>
+    </div>
 
     <!-- Footer -->
     <footer class="profmarcelovicente-bg text-white py-8">
@@ -183,6 +159,83 @@
     </footer>
 
     <script>
+        // Dados dos estados brasileiros
+        const statesData = {
+            'AC': 'www.pge.ac.gov.br/', 'ACRE': 'www.pge.ac.gov.br/',
+            'AL': 'http://www.pge.al.gov.br/', 'ALAGOAS': 'http://www.pge.al.gov.br/',
+            'AM': 'http://www.pge.am.gov.br/', 'AMAZONAS': 'http://www.pge.am.gov.br/',
+            'AP': 'http://www.pge.ap.gov.br/', 'AMAPÁ': 'http://www.pge.ap.gov.br/', 'AMAPA': 'http://www.pge.ap.gov.br/',
+            'BA': 'http://www.pge.ba.gov.br/', 'BAHIA': 'http://www.pge.ba.gov.br/',
+            'CE': 'http://www.pge.ce.gov.br/', 'CEARÁ': 'http://www.pge.ce.gov.br/', 'CEARA': 'http://www.pge.ce.gov.br/',
+            'DF': 'http://www.pg.df.gov.br/', 'DISTRITO FEDERAL': 'http://www.pg.df.gov.br/',
+            'ES': 'http://www.pge.es.gov.br/', 'ESPÍRITO SANTO': 'http://www.pge.es.gov.br/', 'ESPIRITO SANTO': 'http://www.pge.es.gov.br/',
+            'GO': 'http://www.procuradoria.go.gov.br/', 'GOIÁS': 'http://www.procuradoria.go.gov.br/', 'GOIAS': 'http://www.procuradoria.go.gov.br/',
+            'MA': 'http://www.pge.ma.gov.br/', 'MARANHÃO': 'http://www.pge.ma.gov.br/', 'MARANHAO': 'http://www.pge.ma.gov.br/',
+            'MG': 'http://www.pge.mg.gov.br/', 'MINAS GERAIS': 'http://www.pge.mg.gov.br/',
+            'MS': 'http://www.pge.ms.gov.br/', 'MATO GROSSO DO SUL': 'http://www.pge.ms.gov.br/',
+            'MT': 'http://www.pge.mt.gov.br/', 'MATO GROSSO': 'http://www.pge.mt.gov.br/',
+            'PA': 'http://www.pge.pa.gov.br/', 'PARÁ': 'http://www.pge.pa.gov.br/', 'PARA': 'http://www.pge.pa.gov.br/',
+            'PB': 'http://www.pge.pb.gov.br/', 'PARAÍBA': 'http://www.pge.pb.gov.br/', 'PARAIBA': 'http://www.pge.pb.gov.br/',
+            'PE': 'http://www.pge.pe.gov.br/', 'PERNAMBUCO': 'http://www.pge.pe.gov.br/',
+            'PI': 'http://www.pge.pi.gov.br/', 'PIAUÍ': 'http://www.pge.pi.gov.br/', 'PIAUI': 'http://www.pge.pi.gov.br/',
+            'PR': 'http://www.pge.pr.gov.br/', 'PARANÁ': 'http://www.pge.pr.gov.br/', 'PARANA': 'http://www.pge.pr.gov.br/',
+            'RJ': 'http://www.pge.rj.gov.br/', 'RIO DE JANEIRO': 'http://www.pge.rj.gov.br/',
+            'RN': 'http://www.pge.rn.gov.br/', 'RIO GRANDE DO NORTE': 'http://www.pge.rn.gov.br/',
+            'RO': 'http://www.pge.ro.gov.br/', 'RONDÔNIA': 'http://www.pge.ro.gov.br/', 'RONDONIA': 'http://www.pge.ro.gov.br/',
+            'RR': 'http://www.pge.rn.gov.br/', 'RORAIMA': 'http://www.pge.rn.gov.br/',
+            'RS': 'http://www.pge.rs.gov.br/', 'RIO GRANDE DO SUL': 'http://www.pge.rs.gov.br/',
+            'SC': 'http://www.pge.sc.gov.br/', 'SANTA CATARINA': 'http://www.pge.sc.gov.br/',
+            'SE': 'http://www.pge.se.gov.br/', 'SERGIPE': 'http://www.pge.se.gov.br/',
+            'SP': 'http://www.pge.sp.gov.br/', 'SÃO PAULO': 'http://www.pge.sp.gov.br/', 'SAO PAULO': 'http://www.pge.sp.gov.br/',
+            'TO': 'http://www.pge.to.gov.br/', 'TOCANTINS': 'http://www.pge.to.gov.br/'
+        };
+
+        function buscarEstado(event) {
+            event.preventDefault();
+            
+            const input = document.getElementById('estadoInput');
+            const busca = input.value.trim().toUpperCase();
+            
+            if (!busca) {
+                mostrarModal();
+                return;
+            }
+            
+            const url = statesData[busca];
+            
+            if (url) {
+                // Adiciona protocolo se não existir
+                const urlCompleta = url.startsWith('http') ? url : 'http://' + url;
+                window.open(urlCompleta, '_blank');
+                input.value = ''; // Limpa o campo após busca bem-sucedida
+            } else {
+                mostrarModal();
+            }
+        }
+
+        function mostrarModal() {
+            document.getElementById('errorModal').classList.remove('hidden');
+        }
+
+        function fecharModal() {
+            document.getElementById('errorModal').classList.add('hidden');
+        }
+
+        // Fechar modal ao clicar fora dele
+        window.onclick = function(event) {
+            const modal = document.getElementById('errorModal');
+            if (event.target === modal) {
+                fecharModal();
+            }
+        }
+
+        // Permitir busca ao pressionar Enter
+        document.getElementById('estadoInput').addEventListener('keypress', function(event) {
+            if (event.key === 'Enter') {
+                buscarEstado(event);
+            }
+        });
+
         // Smooth scrolling for anchor links
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {