">
Carregando...
</noscript>"> <!-- Top Bar --> <div class="bg-slate-900 text-slate-400 text-xs py-2.5 px-4 sm:px-6 lg:px-8 border-b border-slate-800/60 z-50"> <div class="max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center gap-2"> <div class="flex flex-wrap justify-center items-center gap-4 sm:gap-6"> <span class="flex items-center gap-1.5"> <svg class="w-3.5 h-3.5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg> 5511987970065 </span> <span class="flex items-center gap-1.5"> <svg class="w-3.5 h-3.5 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> fg.assessoria.avcb@gmail.com </span> </div> <div class="flex items-center gap-4"> <a href="https://www.instagram.com/fgassessoria.consultoria?dlrf=dzlyejU2cXJnNWF0&utm_source=qr" target="_blank" class="hover:text-red-500 transition-colors duration-300">Instagram</a> <a href="https://api.whatsapp.com/send?phone=5511987970065" target="_blank" class="hover:text-red-500 transition-colors duration-300">WhatsApp</a> <span class="text-slate-700">|</span> <a href="https://fgassessoriaeconsultoria.com.br/login" class="hover:text-red-500 transition-colors duration-300">Acesso Restrito</a> </div> </div> </div> <!-- Header Navigation --> <header class="bg-white/90 backdrop-blur-md sticky top-0 z-40 border-b border-slate-100 transition-all duration-300"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between items-center py-4"> <div class="flex-shrink-0"> <a href="https://fgassessoriaeconsultoria.com.br" class="flex items-center gap-3"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logopreta.png" alt="FG Assessoria e Consultoria" class="h-20 sm:h-24 lg:h-28 w-auto"> </a> </div> <!-- Desktop Nav --> <nav class="hidden md:flex items-center gap-8"> <a href="https://fgassessoriaeconsultoria.com.br" class="text-sm font-semibold text-slate-700 hover:text-red-600 transition-colors duration-300">Home</a> <a href="https://fgassessoriaeconsultoria.com.br#sobre" class="text-sm font-semibold text-slate-700 hover:text-red-600 transition-colors duration-300">Quem Somos</a> <a href="https://fgassessoriaeconsultoria.com.br/servicos" class="text-sm font-semibold text-slate-700 hover:text-red-600 transition-colors duration-300">Serviços</a> <a href="https://fgassessoriaeconsultoria.com.br/contato" class="text-sm font-semibold text-slate-700 hover:text-red-600 transition-colors duration-300">Contato</a> <a href="https://fgassessoriaeconsultoria.com.br/contato" class="inline-flex justify-center items-center py-2.5 px-5 rounded-xl text-sm font-bold text-white bg-red-600 hover:bg-red-700 shadow-md hover:shadow-red-600/10 transition-all duration-300 cursor-pointer">Solicitar Orçamento</a> </nav> <!-- Mobile Menu Button --> <div class="md:hidden"> <button id="mobile-menu-btn" class="text-slate-700 p-2 hover:text-red-600 transition-colors duration-300 focus:outline-none"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> </div> <!-- Mobile Nav Menu --> <div id="mobile-menu" class="hidden md:hidden bg-white border-b border-slate-100 transition-all duration-300"> <div class="px-4 pt-2 pb-6 space-y-3 shadow-inner"> <a href="https://fgassessoriaeconsultoria.com.br" class="block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-50 hover:text-red-600 transition-all">Home</a> <a href="https://fgassessoriaeconsultoria.com.br#sobre" class="block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-50 hover:text-red-600 transition-all">Quem Somos</a> <a href="https://fgassessoriaeconsultoria.com.br/servicos" class="block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-50 hover:text-red-600 transition-all">Serviços</a> <a href="https://fgassessoriaeconsultoria.com.br/contato" class="block px-3 py-2 rounded-lg text-base font-semibold text-slate-700 hover:bg-slate-50 hover:text-red-600 transition-all">Contato</a> <a href="https://fgassessoriaeconsultoria.com.br/contato" class="block text-center py-3 px-5 rounded-xl text-base font-bold text-white bg-red-600 hover:bg-red-700 shadow-md transition-all">Solicitar Orçamento</a> </div> </div> </header> <script> document.getElementById('mobile-menu-btn').addEventListener('click', function() { var menu = document.getElementById('mobile-menu'); menu.classList.toggle('hidden'); }); </script> <main class="flex-grow"> <!-- HERO SECTION CARROSSEL --> <section id="hero-carousel-container" class="relative min-h-[90vh] flex items-center justify-center overflow-hidden bg-slate-950 select-none"> <!-- Slides Wrapper --> <div class="absolute inset-0 z-0"> <div class="hero-slide absolute inset-0 opacity-0 transition-all duration-1000 ease-in-out active-slide opacity-100 scale-100" data-index="0"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/firefighter-protective-suit-working-controlling-th-7N4MZ2F.jpg" alt="Assessoria e Consultoria em Segurança Contra Incêndio" fetchpriority="high" class="w-full h-full object-cover transition-transform duration-[8000ms] ease-out scale-110"> <div class="absolute inset-0 bg-gradient-to-b from-slate-950/45 via-slate-950/70 to-slate-950/95"></div> </div> </div> <!-- Conteúdo do Hero --> <div class="relative z-10 max-w-5xl mx-auto text-center px-4 sm:px-6 lg:px-8 py-20 flex flex-col items-center"> <div class="hero-content-block transition-all duration-700 block" data-index="0"> <span class="inline-flex items-center gap-2 text-xs font-bold tracking-widest uppercase text-red-500 bg-red-500/10 border border-red-500/20 rounded-full px-5 py-2 mb-8 animate-pulse"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg> Proteção e Segurança para sua Empresa </span> <h1 class="text-4xl sm:text-5xl lg:text-7xl font-extrabold text-white tracking-tight leading-tight mb-6 drop-shadow-md"> Assessoria e Consultoria em Segurança Contra Incêndio </h1> <p class="text-lg sm:text-xl text-slate-200 max-w-2xl mx-auto mb-10 leading-relaxed drop-shadow-sm font-medium"> Projetos técnicos, treinamentos de brigada e instalação de sistemas de combate a incêndio. Deixe seu patrimônio em mãos especializadas. </p> <div class="flex flex-col sm:flex-row gap-4 justify-center items-center"> <a href="https://fgassessoriaeconsultoria.com.br/contato" class="w-full sm:w-auto inline-flex justify-center items-center gap-2 py-4 px-8 rounded-2xl text-base font-bold text-white bg-red-600 hover:bg-red-700 shadow-xl shadow-red-600/20 hover:shadow-red-600/40 transition-all duration-300 hover:-translate-y-0.5 cursor-pointer"> Solicitar Orçamento <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </a> <a href="#sobre" class="w-full sm:w-auto inline-flex justify-center items-center gap-2 py-4 px-8 rounded-2xl text-base font-semibold text-white border border-white/20 bg-white/5 backdrop-blur hover:bg-white/10 transition-all duration-300"> Saiba Mais <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg> </a> </div> </div> </div> <!-- Dots de Navegação --> <!-- Scroll Indicator --> <div class="absolute bottom-20 left-1/2 -translate-x-1/2 z-15"> <div class="w-6 h-10 rounded-full border-2 border-white/20 flex items-start justify-center p-1.5 backdrop-blur-sm"> <div class="w-1.5 h-3 bg-red-500 rounded-full animate-bounce"></div> </div> </div> <!-- Barra Vermelha Inferior (Acima do background do Hero) --> <div class="absolute bottom-0 left-0 w-full h-3 sm:h-4 bg-gradient-to-r from-red-700 via-red-500 to-red-700 z-20 shadow-[0_-4px_20px_rgba(220,38,38,0.4)]"></div> </section> <!-- CSS Customizado para Transições do Hero e Elementos Premium --> <style> .active-slide img { transform: scale(1.05) !important; } .hero-dot.active-dot { background-color: #ef4444 !important; width: 24px !important; border-radius: 9999px !important; } </style> <!-- Script do Carrossel Hero --> <script> document.addEventListener("DOMContentLoaded", function () { const slides = document.querySelectorAll(".hero-slide"); const contents = document.querySelectorAll(".hero-content-block"); const dots = document.querySelectorAll(".hero-dot"); let current = 0; const total = slides.length; let timer; if (total <= 1) return; function showSlide(index) { slides.forEach((slide, idx) => { slide.classList.remove("active-slide"); slide.style.opacity = "0"; slide.style.pointerEvents = "none"; if (dots[idx]) dots[idx].classList.remove("active-dot"); contents[idx].classList.add("hidden"); contents[idx].classList.remove("block"); contents[idx].style.opacity = "0"; }); slides[index].classList.add("active-slide"); slides[index].style.opacity = "1"; slides[index].style.pointerEvents = "auto"; if (dots[index]) dots[index].classList.add("active-dot"); contents[index].classList.remove("hidden"); contents[index].classList.add("block"); setTimeout(() => { contents[index].style.opacity = "1"; contents[index].style.transform = "translateY(0)"; }, 50); current = index; } function startTimer() { clearInterval(timer); timer = setInterval(() => { let next = (current + 1) % total; showSlide(next); }, 6500); } dots.forEach((dot, idx) => { dot.addEventListener("click", () => { showSlide(idx); startTimer(); }); }); // Ativa dot inicial if (dots[0]) dots[0].classList.add("active-dot"); showSlide(0); startTimer(); }); </script> <!-- SOBRE NÓS / DIFERENCIAIS --> <section id="sobre" class="py-16 sm:py-24 bg-white scroll-mt-20"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-20"> <!-- Bloco 1: Quem Somos Intro --> <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center"> <div class="reveal"> <span class="text-sm font-bold text-red-600 tracking-wider uppercase">Quem Somos</span> <h2 class="mt-3 text-3xl sm:text-4xl lg:text-5xl font-extrabold text-slate-900 leading-tight"> Sobre a FG Assessoria e Consultoria </h2> <p class="mt-4 text-lg font-semibold text-slate-700"> Engenharia, Segurança e Soluções Inteligentes para o seu Negócio </p> <div class="mt-8 space-y-6 text-lg text-slate-700 leading-relaxed"> <p> A FG Assessoria e Consultoria é uma empresa especializada em engenharia, segurança contra incêndio, instalações prediais, segurança do trabalho e regularização de empreendimentos, atuando com excelência em projetos, laudos, consultorias e execuções técnicas para empresas, condomínios, indústrias e órgãos públicos. </p> <p> Nossa equipe multidisciplinar é composta por engenheiros, arquitetos, técnicos e especialistas altamente qualificados, preparados para desenvolver soluções seguras, eficientes e alinhadas às exigências legais e normativas de cada segmento. </p> <p> Mais do que prestar serviços, buscamos construir parcerias duradouras, oferecendo atendimento consultivo, suporte técnico especializado e soluções personalizadas para cada cliente. </p> </div> </div> <div class="relative reveal" data-animation="animate__fadeInRight"> <div class="aspect-square rounded-3xl overflow-hidden shadow-2xl border border-slate-200"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/fireman-wearing-protective-uniform-standing-next-t-QXNWNGJc.jpg" alt="Equipe FG Assessoria" class="w-full h-full object-cover"> </div> <!-- Floating Stats Card --> <div class="absolute -bottom-6 -left-6 bg-white p-5 rounded-2xl shadow-xl border border-slate-100"> <div class="flex items-center gap-3"> <span class="p-3 bg-red-600 rounded-xl text-white"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg> </span> <div> <div class="text-2xl font-extrabold text-slate-900">500+</div> <div class="text-xs text-slate-500 font-medium">Projetos Realizados</div> </div> </div> </div> </div> </div> <!-- Bloco 2: Missão & Qualidade (Cards lado a lado) --> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 reveal"> <!-- Card Missão --> <div class="bg-slate-50 rounded-3xl p-8 sm:p-10 border border-slate-100 shadow-sm hover:shadow-md transition-all"> <div class="w-12 h-12 rounded-2xl bg-red-100 text-red-600 flex items-center justify-center mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900">Nossa Missão</h3> <p class="mt-5 text-base text-slate-700 leading-relaxed"> Proporcionar segurança, conformidade e tranquilidade aos nossos clientes por meio de soluções técnicas inovadoras, contribuindo para a proteção de vidas, patrimônios e operações empresariais. </p> </div> <!-- Card Compromisso com a Qualidade --> <div class="bg-slate-50 rounded-3xl p-8 sm:p-10 border border-slate-100 shadow-sm hover:shadow-md transition-all"> <div class="w-12 h-12 rounded-2xl bg-red-100 text-red-600 flex items-center justify-center mb-6"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path></svg> </div> <h3 class="text-xl font-bold text-slate-900">Compromisso com a Qualidade</h3> <p class="mt-5 text-base text-slate-700 leading-relaxed"> Cada projeto é desenvolvido com foco na excelência técnica, conformidade normativa e eficiência operacional. Trabalhamos seguindo rigorosamente as normas da ABNT, legislações municipais, exigências do Corpo de Bombeiros e demais órgãos reguladores para entregar soluções que reduzam riscos e tragam segurança operacional. </p> </div> </div> <!-- Bloco 3: Nossa Atuação (Listagem em Grid Moderno) --> <div class="bg-slate-50 border border-slate-100 rounded-3xl p-8 sm:p-12 reveal"> <div class="max-w-3xl mb-12"> <span class="text-xs font-bold text-red-600 tracking-wider uppercase">O que fazemos</span> <h3 class="text-2xl sm:text-3xl font-extrabold text-slate-900 mt-3">Nossa Atuação</h3> <p class="mt-4 text-base sm:text-lg text-slate-700 leading-relaxed"> Atuamos em diversas áreas da engenharia e regularização técnica, assegurando conformidade jurídica e proteção patrimonial: </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Projetos e regularização junto ao Corpo de Bombeiros (AVCB e CLCB)</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Sistemas de prevenção e combate a incêndio</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Instalações elétricas prediais e comerciais</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Sistema de Proteção contra Descargas Atmosféricas (SPDA)</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Segurança do Trabalho</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Laudos e perícias técnicas</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Laudo de Habitabilidade</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Laudo de Ruído Ambiental</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Estudo de Impacto de Vizinhança (EIV)</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Consultoria em engenharia e regularização empresarial</span> </div> <div class="flex items-start gap-4 p-5 bg-white rounded-2xl border border-slate-100/80 shadow-sm hover:border-red-200 transition-colors"> <span class="p-1.5 bg-red-100 text-red-600 rounded-lg mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"></path></svg> </span> <span class="text-base font-semibold text-slate-800 leading-snug">Treinamentos de Brigada de Incêndio e Primeiros Socorros</span> </div> </div> </div> <!-- Bloco 4: Por Que Escolher (6 Benefícios) --> <div class="space-y-12 reveal"> <div class="text-center max-w-2xl mx-auto"> <span class="text-xs font-bold text-red-600 tracking-wider uppercase">Diferenciais</span> <h3 class="text-2xl sm:text-3xl font-extrabold text-slate-900 mt-2">Por que escolher a FG Assessoria e Consultoria?</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <!-- Diferencial 1 --> <div class="flex gap-4"> <span class="flex-shrink-0 w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs font-bold shadow-md shadow-red-600/10">✔️</span> <div> <h4 class="text-base font-bold text-slate-950">Equipe Técnica Multidisciplinar</h4> <p class="mt-1 text-xs sm:text-sm text-slate-500 leading-relaxed">Engenheiros, arquitetos e técnicos experientes prontos para atender qualquer demanda.</p> </div> </div> <!-- Diferencial 2 --> <div class="flex gap-4"> <span class="flex-shrink-0 w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs font-bold shadow-md shadow-red-600/10">✔️</span> <div> <h4 class="text-base font-bold text-slate-950">Atendimento Personalizado</h4> <p class="mt-1 text-xs sm:text-sm text-slate-500 leading-relaxed">Suporte consultivo e soluções desenhadas sob medida para o seu empreendimento.</p> </div> </div> <!-- Diferencial 3 --> <div class="flex gap-4"> <span class="flex-shrink-0 w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs font-bold shadow-md shadow-red-600/10">✔️</span> <div> <h4 class="text-base font-bold text-slate-950">Soluções Completas</h4> <p class="mt-1 text-xs sm:text-sm text-slate-500 leading-relaxed">Da elaboração de projetos e consultorias até laudos técnicos e treinamentos de brigada.</p> </div> </div> <!-- Diferencial 4 --> <div class="flex gap-4"> <span class="flex-shrink-0 w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs font-bold shadow-md shadow-red-600/10">✔️</span> <div> <h4 class="text-base font-bold text-slate-950">Agilidade nos Processos</h4> <p class="mt-1 text-xs sm:text-sm text-slate-500 leading-relaxed">Conhecimento prático para acelerar vistorias e aprovações perante os órgãos públicos.</p> </div> </div> <!-- Diferencial 5 --> <div class="flex gap-4"> <span class="flex-shrink-0 w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs font-bold shadow-md shadow-red-600/10">✔️</span> <div> <h4 class="text-base font-bold text-slate-950">Responsabilidade e ART</h4> <p class="mt-1 text-xs sm:text-sm text-slate-500 leading-relaxed">Acompanhamento e emissão da ART para total conformidade jurídica e segurança do negócio.</p> </div> </div> <!-- Diferencial 6 --> <div class="flex gap-4"> <span class="flex-shrink-0 w-8 h-8 rounded-full bg-red-600 text-white flex items-center justify-center text-xs font-bold shadow-md shadow-red-600/10">✔️</span> <div> <h4 class="text-base font-bold text-slate-950">Ampla Atuação de Mercado</h4> <p class="mt-1 text-xs sm:text-sm text-slate-500 leading-relaxed">Soluções para hotéis, pousadas, escolas, condomínios, clínicas, indústrias e comércios.</p> </div> </div> </div> </div> <!-- Bloco 5: Conclusão / CTA Final de Bloco --> <div class="bg-gradient-to-r from-slate-900 to-slate-950 rounded-3xl p-8 sm:p-12 border border-slate-800 text-center relative overflow-hidden reveal"> <div class="relative z-10 max-w-3xl mx-auto space-y-6"> <h4 class="text-xl sm:text-2xl font-bold text-white leading-snug">Segurança, Credibilidade e Resultados</h4> <p class="text-sm sm:text-base text-slate-300 leading-relaxed"> Acreditamos que cada empreendimento possui desafios únicos. Por isso, desenvolvemos soluções sob medida, combinando conhecimento técnico, experiência de mercado e comprometimento com resultados. A FG Assessoria e Consultoria está preparada para ser sua parceira estratégica. </p> <div class="pt-4"> <a href="https://fgassessoriaeconsultoria.com.br/contato" class="inline-flex justify-center items-center py-3.5 px-8 rounded-xl text-sm font-bold text-white bg-red-600 hover:bg-red-700 shadow-lg shadow-red-600/20 hover:shadow-red-600/40 transition-all duration-300 hover:-translate-y-0.5"> Fale Conosco </a> </div> </div> <!-- Glow background effect --> <div class="absolute w-80 h-80 rounded-full bg-red-600/10 -top-40 -left-40 blur-3xl"></div> <div class="absolute w-80 h-80 rounded-full bg-red-600/5 -bottom-40 -right-40 blur-3xl"></div> </div> </div> </section> <!-- SEÇÃO DE CONTADORES E ESTATÍSTICAS --> <section class="relative py-20 bg-slate-950 overflow-hidden"> <div class="absolute inset-0"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/firefighter-protective-suit-working-controlling-th-7N4MZ2Fb.jpg" alt="FG Assessoria e Consultoria" class="w-full h-full object-cover opacity-20"> <div class="absolute inset-0 bg-slate-950/80"></div> </div> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> <!-- Box 1 --> <div class="bg-red-700/80 backdrop-blur-sm border border-red-500/30 rounded-3xl p-8 text-center flex flex-col items-center justify-center hover:scale-105 transition-transform duration-300 reveal" data-delay="0s" data-animation="animate__fadeInUp"> <svg class="w-12 h-12 text-white mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path> </svg> <span class="text-4xl font-extrabold text-white">4.500 <sup class="text-xl font-bold">+</sup></span> <span class="mt-2 text-sm text-red-100 font-semibold uppercase tracking-wider">Solicitações de inspeção</span> </div> <!-- Box 2 --> <div class="bg-red-700/80 backdrop-blur-sm border border-red-500/30 rounded-3xl p-8 text-center flex flex-col items-center justify-center hover:scale-105 transition-transform duration-300 reveal" data-delay="0.15s" data-animation="animate__fadeInUp"> <svg class="w-12 h-12 text-white mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path> </svg> <span class="text-4xl font-extrabold text-white">98 <sup class="text-xl font-bold">%</sup></span> <span class="mt-2 text-sm text-red-100 font-semibold uppercase tracking-wider">Laudos Aprovados</span> </div> <!-- Box 3 --> <div class="bg-red-700/80 backdrop-blur-sm border border-red-500/30 rounded-3xl p-8 text-center flex flex-col items-center justify-center hover:scale-105 transition-transform duration-300 reveal" data-delay="0.3s" data-animation="animate__fadeInUp"> <svg class="w-12 h-12 text-white mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> </svg> <span class="text-4xl font-extrabold text-white">2.300 <sup class="text-xl font-bold">+</sup></span> <span class="mt-2 text-sm text-red-100 font-semibold uppercase tracking-wider">Famílias e propriedades seguras</span> </div> <!-- Box 4 --> <div class="bg-red-700/80 backdrop-blur-sm border border-red-500/30 rounded-3xl p-8 text-center flex flex-col items-center justify-center hover:scale-105 transition-transform duration-300 reveal" data-delay="0.45s" data-animation="animate__fadeInUp"> <svg class="w-12 h-12 text-white mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path> </svg> <span class="text-4xl font-extrabold text-white">97 <sup class="text-xl font-bold">%</sup></span> <span class="mt-2 text-sm text-red-100 font-semibold uppercase tracking-wider">Instalação de Alarme de Incêndio</span> </div> </div> </div> </section> <!-- SEÇÃO DE SERVIÇOS --> <section id="servicos" class="py-16 sm:py-24 bg-slate-50 scroll-mt-20"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16"> <span class="text-sm font-bold text-red-600 tracking-wider uppercase">O Que Fazemos</span> <h2 class="mt-3 text-3xl sm:text-4xl lg:text-5xl font-extrabold text-slate-900"> Nossos Serviços </h2> <p class="mt-4 text-base text-slate-500 max-w-2xl mx-auto"> Soluções completas em segurança contra incêndio para sua empresa, desde a elaboração do projeto até a instalação dos equipamentos. </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <a href="https://fgassessoriaeconsultoria.com.br/servico/projeto-tecnico-pt" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/Design-sem-nome-13.png" alt="Projeto Técnico de Segurança Contra Incêndio e Pânico" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Projeto Técnico de Segurança Contra Incêndio e Pânico </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> A aprova&ccedil;&atilde;o do Projeto T&eacute;cnico junto ao Corpo de Bombeiros &eacute; uma etapa obrigat&oacute;ria para edifica&ccedil;&otilde;es e &aacut... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> <a href="https://fgassessoriaeconsultoria.com.br/servico/emissao-e-renovacao-de-avcb" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0.15s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/Design-sem-nome-12.png" alt="Emissão e Renovação de AVCB" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Emissão e Renovação de AVCB </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> O AVCB (AUTO DE VISTORIA DO CORPO BOMBEIROS) é uma licença emitida pelo CBPMESP (Corpo de Bombeiros da Polícia Militar do Estado de São Paulo) que tem como f... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> <a href="https://fgassessoriaeconsultoria.com.br/servico/emissao-e-renovacao-de-clcb" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0.3s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/Design-sem-nome-11.png" alt="Emissão e Renovação de CLCB" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Emissão e Renovação de CLCB </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> Regularize sua empresa junto ao Corpo de Bombeiros com rapidez e seguran&ccedil;a O CLCB (Certificado de Licen&ccedil;a do Corpo de Bombeiros) &eacute; o do... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> <a href="https://fgassessoriaeconsultoria.com.br/servico/treinamento-de-brigada-de-incendio" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/firefighter-protective-suit-working-controlling-th-7N4MZ2Fb.jpg" alt="Treinamento de Brigada de Incêndio" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Treinamento de Brigada de Incêndio </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> O Treinamento de Brigada de Incêndio é um curso obrigatório para a processo de obtenção ou renovação do AVCB (Auto de Vistoria do Corpo de Bombeiros). Para a... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> <a href="https://fgassessoriaeconsultoria.com.br/servico/laudos-e-atestados" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0.15s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/fireman-wearing-protective-uniform-standing-next-t-QXNWNGJc.jpg" alt="Laudos Técnicos e Segurança do Trabalho" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Laudos Técnicos e Segurança do Trabalho </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> Solu&ccedil;&otilde;es t&eacute;cnicas para regulariza&ccedil;&atilde;o, conformidade legal e gest&atilde;o de riscos A FG Assessoria e Consultoria oferece ... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> <a href="https://fgassessoriaeconsultoria.com.br/servico/manutencao-periodica" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0.3s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/Design-sem-nome-5.png" alt="Manutenção Elétrica Predial e Comercial" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Manutenção Elétrica Predial e Comercial </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> Seguran&ccedil;a, confiabilidade e efici&ecirc;ncia para sua empresa As instala&ccedil;&otilde;es el&eacute;tricas desempenham papel fundamental na seguran&... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> <a href="https://fgassessoriaeconsultoria.com.br/servico/seguro-contra-incendio" class="group bg-white rounded-3xl overflow-hidden border border-slate-100 shadow-sm hover:shadow-2xl hover:shadow-red-600/5 hover:border-red-200 transition-all duration-500 hover:-translate-y-1.5 flex flex-col reveal" data-delay="0s" data-animation="animate__fadeInUp"> <div class="relative h-56 overflow-hidden"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/Design-sem-nome-6.png" alt="Sistema de Proteção contra Descargas Atmosféricas (SPDA)" loading="lazy" decoding="async" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700"> <div class="absolute inset-0 bg-gradient-to-t from-slate-900/80 via-transparent to-transparent"></div> </div> <div class="p-7 flex flex-col flex-grow"> <h3 class="text-xl font-bold text-slate-900 group-hover:text-red-600 transition-colors duration-300"> Sistema de Proteção contra Descargas Atmosféricas (SPDA) </h3> <p class="mt-3 text-sm text-slate-500 leading-relaxed line-clamp-3 flex-grow"> Prote&ccedil;&atilde;o eficiente contra raios para pessoas, patrim&ocirc;nios e instala&ccedil;&otilde;es As descargas atmosf&eacute;ricas representam um do... </p> <div class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-red-600 group-hover:gap-3 transition-all duration-300"> Saiba mais <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> </div> </div> </a> </div> </div> </section> <!-- SEÇÃO DE CLIENTES --> <section class="py-16 bg-red-600 relative overflow-hidden select-none"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <h3 class="text-2xl font-extrabold text-white mb-10 tracking-tight">Nossos clientes:</h3> <div class="flex flex-wrap items-center gap-6 justify-center lg:justify-start"> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30ada593df1.jpeg" alt="Gato Negro" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30adaff3a2e.jpeg" alt="Shop" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30adbb4f3a6.jpeg" alt="Quintal" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30adc4622d4.jpeg" alt="Circo" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30adcf73ce3.jpeg" alt="Bistro" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30addc32d09.jpeg" alt="Surf´s" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30adf5d85f8.jpeg" alt="AME" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a30adfe601a0.jpeg" alt="Festa" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a830bec15.jpeg" alt="mercado livre" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a83972deb.jpeg" alt="ame" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a84357cec.jpeg" alt="nori" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a854d4c32.jpeg" alt="chama" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a85d80634.jpeg" alt="top" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a86b92e51.jpeg" alt="peixe" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a8790d08f.jpeg" alt="pf" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> <div class="reveal bg-white p-4 rounded-3xl flex items-center justify-center w-40 h-24 shadow-md hover:shadow-xl hover:scale-105 transition-all duration-300"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logo_6a34a881938c9.jpeg" alt=",h" loading="lazy" decoding="async" class="max-w-full max-h-full object-contain"> </div> </div> </div> </section> <!-- SEÇÃO DESTAQUE LAUDO DO CORPO DE BOMBEIROS --> <section class="relative py-24 sm:py-32 overflow-hidden bg-slate-900 text-center"> <div class="absolute inset-0"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/firefighter-protective-suit-working-controlling-th-7N4MZ2F.jpg" alt="Laudo do Corpo de Bombeiros" loading="lazy" decoding="async" class="w-full h-full object-cover opacity-25"> <div class="absolute inset-0 bg-slate-950/70"></div> </div> <div class="relative z-10 max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white tracking-tight leading-tight mb-4"> Laudo do Corpo de Bombeiros a Partir de R$ 987,00 </h2> <p class="text-lg sm:text-xl font-extrabold text-red-500 uppercase tracking-widest mb-2"> AVCB / CLCB APROVADO EM ATÉ 5 DIAS. </p> <p class="text-base sm:text-lg text-slate-300 font-medium tracking-wide mb-8"> PARCELAMOS EM ATÉ 12X </p> <div class="mt-8 flex justify-center"> <a href="https://wa.me/5511987970065?text=Olá,%20gostaria%20de%20solicitar%20um%20orçamento%20para%20o%20Laudo%20do%20Corpo%20de%20Bombeiros." target="_blank" class="inline-flex items-center gap-3 py-4 px-10 rounded-xl text-sm font-bold text-white border-2 border-white hover:bg-white hover:text-slate-950 transition-all duration-300 hover:-translate-y-0.5"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M12.012 2c-5.506 0-9.988 4.482-9.988 9.988 0 1.761.46 3.473 1.334 4.975L2 22l5.223-1.371a9.907 9.907 0 004.789 1.228h.005c5.502 0 9.983-4.482 9.983-9.988 0-2.67-1.039-5.18-2.923-7.063C17.202 3.03 14.689 2 12.012 2z"/> </svg> CLIQUE AQUI </a> </div> </div> </section> </main> <!-- Footer --> <footer class="bg-slate-950 text-slate-400 pt-16 pb-8 border-t border-slate-900 z-10 relative"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 md:grid-cols-4 gap-12 mb-12"> <!-- Coluna 1: Sobre --> <div class="md:col-span-2 space-y-6"> <a href="https://fgassessoriaeconsultoria.com.br" class="flex items-center gap-3"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/logobranca.png" alt="FG Assessoria e Consultoria" loading="lazy" decoding="async" class="h-20 sm:h-24 lg:h-28 w-auto"> </a> <p class="text-sm leading-relaxed max-w-md"> Especialistas em assessoria, consultoria e treinamento para prevenção e combate a incêndios. Apoiamos sua empresa no cumprimento de normas técnicas e na obtenção do AVCB com total segurança e agilidade. </p> <div class="flex items-center gap-4 pt-2"> <a href="https://www.instagram.com/fgassessoria.consultoria?dlrf=dzlyejU2cXJnNWF0&utm_source=qr" target="_blank" class="w-8 h-8 rounded-full bg-slate-900 border border-slate-800/80 flex items-center justify-center text-slate-400 hover:text-red-500 hover:border-red-500/30 transition-all duration-300"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> </a> <a href="https://api.whatsapp.com/send?phone=5511987970065" target="_blank" class="w-8 h-8 rounded-full bg-slate-900 border border-slate-800/80 flex items-center justify-center text-slate-400 hover:text-red-500 hover:border-red-500/30 transition-all duration-300"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12.012 2c-5.506 0-9.988 4.482-9.988 9.988 0 1.761.46 3.473 1.334 4.975L2 22l5.223-1.371a9.907 9.907 0 004.789 1.228h.005c5.502 0 9.983-4.482 9.983-9.988 0-2.67-1.039-5.18-2.923-7.063C17.202 3.03 14.689 2 12.012 2zm6.16 13.987c-.254.717-1.472 1.303-2.008 1.385-.49.076-1.127.14-3.268-.744-2.738-1.13-4.505-3.911-4.64-4.093-.137-.181-1.107-1.471-1.107-2.805 0-1.334.697-1.99 1.02-2.327.323-.337.708-.421.944-.421.236 0 .472.002.677.012.213.01.503-.08.789.608.297.717 1.011 2.466 1.097 2.647.087.181.144.391.025.629-.118.236-.179.382-.355.589-.176.208-.372.463-.531.621-.176.176-.361.368-.156.717.206.347.917 1.511 1.966 2.448 1.353 1.206 2.492 1.58 2.842 1.756.35.176.556.148.761-.088.206-.236.883-1.028 1.118-1.383.236-.355.472-.296.793-.178.322.119 2.043 1.014 2.397 1.192.355.178.591.263.676.409.086.147.086.853-.169 1.57z"/></svg> </a> </div> </div> <!-- Coluna 2: Links Rápidos --> <div> <h3 class="text-sm font-semibold text-white tracking-wider uppercase mb-6">Navegação</h3> <ul class="space-y-3.5 text-sm"> <li><a href="https://fgassessoriaeconsultoria.com.br" class="hover:text-red-500 transition-colors duration-300">Home</a></li> <li><a href="https://fgassessoriaeconsultoria.com.br/servicos" class="hover:text-red-500 transition-colors duration-300">Serviços</a></li> <li><a href="https://fgassessoriaeconsultoria.com.br/contato" class="hover:text-red-500 transition-colors duration-300">Contato</a></li> <li><a href="https://fgassessoriaeconsultoria.com.br/politica-de-privacidade" class="hover:text-red-500 transition-colors duration-300 text-xs">Política de Privacidade</a></li> <li><a href="https://fgassessoriaeconsultoria.com.br/termos-de-uso" class="hover:text-red-500 transition-colors duration-300 text-xs">Termos de Uso</a></li> </ul> </div> <!-- Coluna 3: Contatos e Endereço --> <div class="space-y-4"> <h3 class="text-sm font-semibold text-white tracking-wider uppercase mb-2">Contato</h3> <p class="text-sm flex items-start gap-2.5"> <svg class="w-5 h-5 text-red-600 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg> <span>Avenida Minas Gerais, 314 - Jardim Primavera, Caraguatatuba - SP</span> </p> <p class="text-sm flex items-center gap-2.5"> <svg class="w-5 h-5 text-red-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg> <span>5511987970065</span> </p> <p class="text-sm flex items-center gap-2.5"> <svg class="w-5 h-5 text-red-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg> <span>fg.assessoria.avcb@gmail.com</span> </p> </div> </div> <!-- Direitos Autorais e Assinatura --> <div class="pt-8 border-t border-slate-900 flex flex-col sm:flex-row justify-between items-center gap-6"> <p class="text-xs text-slate-500"> © 2026 FG Assessoria e Consultoria. Todos os direitos reservados. <span class="mx-2">|</span> <a href="https://fgassessoriaeconsultoria.com.br/login" class="hover:text-red-500 transition-colors">ADM</a> </p> <!-- Assinatura Interativa Fábrica da Net --> <div class="flex items-center gap-2 text-xs text-slate-500"> Desenvolvido por: <a href="https://fabricadanet.com" target="_blank" class="group inline-flex items-center relative overflow-hidden h-7 bg-slate-900 border border-slate-800 rounded-full pl-2 pr-2.5 py-1 hover:border-red-600 transition-all duration-500 ease-out select-none"> <img src="https://fgassessoriaeconsultoria.com.br/public/img/fn.png" alt="fn" class="w-4 h-4 object-contain transition-transform duration-700 ease-in-out group-hover:rotate-[360deg] flex-shrink-0" onerror="this.style.display='none'; this.nextElementSibling.style.display='inline-flex';"> <!-- Fallback SVG caso a imagem fn.png não esteja presente --> <span class="w-4 h-4 items-center justify-center bg-red-600 text-[8px] font-bold text-white rounded-full transition-transform duration-700 ease-in-out group-hover:rotate-[360deg] hidden mr-0.5">FN</span> <span class="max-w-0 overflow-hidden whitespace-nowrap text-[10px] font-extrabold tracking-wider text-slate-200 transition-all duration-700 ease-out group-hover:max-w-xs group-hover:ml-2"> Grupo Fábrica da Net </span> </a> </div> </div> </div> </footer> <!-- Floating WhatsApp Button --> <a href="https://wa.me/5511987970065?text=Ol%C3%A1%2C+gostaria+de+solicitar+um+or%C3%A7amento." target="_blank" class="fixed bottom-6 right-6 z-50 bg-[#25D366] hover:bg-[#20ba59] text-white p-4 rounded-full shadow-2xl hover:scale-110 active:scale-95 transition-all duration-300 group flex items-center justify-center"> <svg class="w-7 h-7" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12.012 2c-5.506 0-9.988 4.482-9.988 9.988 0 1.761.46 3.473 1.334 4.975L2 22l5.223-1.371a9.907 9.907 0 004.789 1.228h.005c5.502 0 9.983-4.482 9.983-9.988 0-2.67-1.039-5.18-2.923-7.063C17.202 3.03 14.689 2 12.012 2zm6.16 13.987c-.254.717-1.472 1.303-2.008 1.385-.49.076-1.127.14-3.268-.744-2.738-1.13-4.505-3.911-4.64-4.093-.137-.181-1.107-1.471-1.107-2.805 0-1.334.697-1.99 1.02-2.327.323-.337.708-.421.944-.421.236 0 .472.002.677.012.213.01.503-.08.789.608.297.717 1.011 2.466 1.097 2.647.087.181.144.391.025.629-.118.236-.179.382-.355.589-.176.208-.372.463-.531.621-.176.176-.361.368-.156.717.206.347.917 1.511 1.966 2.448 1.353 1.206 2.492 1.58 2.842 1.756.35.176.556.148.761-.088.206-.236.883-1.028 1.118-1.383.236-.355.472-.296.793-.178.322.119 2.043 1.014 2.397 1.192.355.178.591.263.676.409.086.147.086.853-.169 1.57z"/> </svg> <!-- Tooltip/QR Code Card --> <div class="absolute bottom-16 right-0 bg-slate-900 border border-slate-800 text-white rounded-2xl p-4 opacity-0 pointer-events-none group-hover:opacity-100 transition-all duration-300 shadow-2xl flex flex-col items-center gap-2 w-48 scale-90 group-hover:scale-100 origin-bottom-right"> <span class="text-xs font-bold text-slate-200">Fale no WhatsApp</span> <div class="bg-white p-2 rounded-xl"> <img src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=https%3A%2F%2Fwa.me%2F5511987970065%3Ftext%3DOl%25C3%25A1%252C%2Bgostaria%2Bde%2Bsolicitar%2Bum%2Bor%25C3%25A7amento." alt="WhatsApp QR Code" class="w-28 h-28"> </div> <span class="text-[9px] text-slate-500 font-semibold text-center leading-normal">Aponte a câmera do celular para escanear</span> </div> </a> <!-- Script para Animações Scroll Premium --> <script> document.addEventListener("DOMContentLoaded", function() { const revealElements = document.querySelectorAll(".reveal"); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("animate__animated", entry.target.dataset.animation || "animate__fadeInUp"); entry.target.classList.remove("opacity-0"); observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); revealElements.forEach(el => { el.classList.add("opacity-0"); el.style.animationDelay = el.dataset.delay || "0s"; observer.observe(el); }); }); </script> <!-- Cookie Banner --> <div id="cookie-banner" class="fixed bottom-6 left-6 right-6 md:right-auto md:max-w-md bg-slate-900/95 backdrop-blur-md border border-slate-800 p-5 rounded-3xl z-[999] shadow-2xl flex flex-col gap-4 translate-y-12 opacity-0 pointer-events-none transition-all duration-500 ease-out"> <div class="flex items-start gap-3"> <span class="p-2.5 bg-red-600/10 text-red-500 rounded-xl flex-shrink-0 mt-0.5"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg> </span> <div> <h4 class="text-sm font-bold text-white">Controle de Cookies e Privacidade</h4> <p class="text-xs text-slate-400 mt-1 leading-relaxed">Utilizamos cookies para otimizar e aprimorar sua experiência de navegação. Ao continuar navegando, você concorda com nossos <a href="https://fgassessoriaeconsultoria.com.br/politica-de-privacidade" class="text-red-400 hover:underline">Termos de Privacidade</a>.</p> </div> </div> <div class="flex gap-3 justify-end"> <button onclick="acceptCookies()" class="py-2 px-5 rounded-xl text-xs font-bold text-white bg-red-600 hover:bg-red-700 transition-all cursor-pointer">Aceitar Todos</button> </div> </div> <script> function acceptCookies() { localStorage.setItem("cookies_accepted", "true"); const banner = document.getElementById("cookie-banner"); if (banner) { banner.classList.add("translate-y-12", "opacity-0", "pointer-events-none"); } } document.addEventListener("DOMContentLoaded", function() { if (!localStorage.getItem("cookies_accepted")) { setTimeout(() => { const banner = document.getElementById("cookie-banner"); if (banner) { banner.classList.remove("translate-y-12", "opacity-0", "pointer-events-none"); } }, 1000); } }); </script> </body> </html>