Release PROD: Aplicativos de Atrair Leads

Merge remote-tracking branch 'origin/develop'
Log release HML: Aplicativos de Atrair Leads
2026-06-03 22:19:56 -03:00 · 2026-06-03 22:19:52 -03:00 · 2026-06-03 22:07:59 -03:00 · 2026-06-03 22:07:59 -03:00 · 2026-06-02 22:34:40 -03:00 · 2026-06-02 22:34:39 -03:00
54 changed files with 2615 additions and 512 deletions
@@ -0,0 +1,37 @@
+name: Deploy PROD Avanzato
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy-prod:
+    runs-on: linux_amd64
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Instalar dependências
+        run: npm install
+
+      - name: Build projeto
+        run: npm run build
+
+      - name: Compactar dist
+        run: tar -czf dist.tar.gz dist
+
+      - name: Enviar para servidor PROD
+        run: scp -o StrictHostKeyChecking=no -i /data/avz_hml_deploy dist.tar.gz root@191.252.100.174:/tmp/avz-site-prod-dist.tar.gz
+
+      - name: Publicar PROD
+        run: |
+          ssh -o StrictHostKeyChecking=no -i /data/avz_hml_deploy root@191.252.100.174 '
+            rm -rf /opt/avanzato/site/app/dist_old
+            mv /opt/avanzato/site/app/dist /opt/avanzato/site/app/dist_old
+            mkdir -p /opt/avanzato/site/app/dist
+            tar -xzf /tmp/avz-site-prod-dist.tar.gz -C /opt/avanzato/site/app
+            rm -f /tmp/avz-site-prod-dist.tar.gz
+            docker restart avanzato-site
+          '
@@ -5,6 +5,36 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

+    <!-- DETECAO DE AMBIENTE - Inline (executa antes de tudo) -->
+    <script>
+      (function() {
+        var h = location.hostname;
+        var IS_PROD = h === 'avanzato.com.br' || h === 'www.avanzato.com.br';
+        
+        // Torna disponivel para outros scripts
+        window.__IS_PROD__ = IS_PROD;
+        
+        // Se NAO for producao, desativa tracking globalmente
+        if (!IS_PROD) {
+          window.__AVANZATO_ENV__ = h === 'hml.avanzato.com.br' ? 'homologation' : 'development';
+          
+          // Bloqueia gtag
+          window.dataLayer = { push: function(){} };
+          window.gtag = function(){};
+          
+          // Bloqueia fbq (Facebook Pixel)
+          window.fbq = function(){};
+          
+          // Bloqueia Mautic
+          window.MauticSDKLoaded = true;
+          
+          console.log('[Avanzato] Ambiente: ' + window.__AVANZATO_ENV__ + ' | Tracking bloqueado');
+        } else {
+          window.__AVANZATO_ENV__ = 'production';
+        }
+      })();
+    </script>
+
    <!-- Google tag (gtag.js) - Ads + Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16714813566"></script>
    <script>
@@ -70,6 +100,7 @@
    <title>Avanzato Tecnologia | TI Gerenciada, Cloud e Seguranca em Guarulhos/SP</title>
    <meta name="title" content="Avanzato Tecnologia | TI Gerenciada, Cloud e Seguranca em Guarulhos/SP" />
    <meta name="description" content="Solucoes em TI Gerenciada, Cloud Computing e Seguranca da Informacao. +23 anos de experiencia, +500 clientes atendidos. Suporte 24/7 em Guarulhos e regiao." />
+    <meta name="app-version" content="1.0.0" />
    <meta name="keywords" content="TI Gerenciada, Cloud Computing, Seguranca da Informacao, Suporte Tecnico, Tecnologia da Informacao, Guarulhos, Sao Paulo, Infraestrutura de TI, Backup, Firewall, Consultoria TI" />
    <meta name="author" content="Avanzato Tecnologia" />
    <meta name="robots" content="index, follow" id="meta-robots" />
@@ -78,9 +109,9 @@
    <!-- BLOQUEAR INDEXACAO EM HOMOLOGACAO -->
    <script>
      (function() {
-        var hostname = window.location.hostname;
-        if (hostname !== 'avanzato.com.br') {
-          // Homologacao: bloquear indexacao
+        // Usa IS_PROD ja definido no inicio do documento
+        if (!window.__IS_PROD__) {
+          // Homologacao/Desenvolvimento: bloquear indexacao
          document.getElementById('meta-robots').setAttribute('content', 'noindex, nofollow');
          document.getElementById('meta-googlebot').setAttribute('content', 'noindex, nofollow');
          // Adicionar tambem X-Robots-Tag via meta http-equiv
@@ -88,7 +119,9 @@
          meta.httpEquiv = 'X-Robots-Tag';
          meta.content = 'noindex, nofollow';
          document.head.appendChild(meta);
-          console.log('%c[SEO] Homologacao detectada - indexacao BLOQUEADA (noindex, nofollow)', 'background:#dc2626;color:#fff;font-weight:bold;padding:2px 6px;border-radius:3px');
+          console.log('%c[SEO] ' + (window.__AVANZATO_ENV__ || 'nao-producao') + ' - indexacao BLOQUEADA', 'background:#dc2626;color:#fff;font-weight:bold;padding:2px 6px;border-radius:3px');
+        } else {
+          console.log('%c[SEO] Producao - indexacao PERMITIDA (index, follow)', 'background:#16a34a;color:#fff;font-weight:bold;padding:2px 6px;border-radius:3px');
        }
      })();
    </script>
@@ -113,11 +146,9 @@
    <meta property="twitter:image" content="https://avanzato.com.br/og-image.jpg" />

    <!-- Favicon -->
-    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <link rel="manifest" href="./site.webmanifest" />
+    <link rel="icon" type="image/png" href="https://avanzato.com.br/favicon.png" />
+    <link rel="shortcut icon" type="image/png" href="https://avanzato.com.br/favicon.png" />
+    <link rel="manifest" href="/site.webmanifest" />

    <!-- Theme Color -->
    <meta name="theme-color" content="#cbf400" />
@@ -208,8 +239,8 @@
      }
    }
    </script>
-    <script type="module" crossorigin src="./assets/index-C1GgsDvQ.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-Cg4oF5jQ.css">
+    <script type="module" crossorigin src="/assets/index-DLMsdH5y.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-8ILJAHKZ.css">
  </head>
  <body>
    <div id="root"></div>
@@ -1,26 +1,13 @@
-# =============================================================================
-# ROBOTS.TXT - VERSAO HOMOLOGACAO/DESENVOLVIMENTO
-# =============================================================================
-# Este arquivo BLOQUEIA TODOS os crawlers.
-# 
-# Para PRODUCAO (avanzato.com.br), substitua por:
-#   User-agent: *
-#   Allow: /
-#   Sitemap: https://avanzato.com.br/sitemap.xml
-# =============================================================================
+# ============================================================================
+# AVANZATO TECNOLOGIA - ROBOTS.TXT (GENERICO)
+# ============================================================================
+# O controle real de indexacao e feito pelo <meta name="robots"> no HTML:
+#   - Producao (avanzato.com.br): index, follow
+#   - Homologacao (hml.avanzato.com.br): noindex, nofollow
+#   - Desenvolvimento (localhost): noindex, nofollow
+# ============================================================================

 User-agent: *
-Disallow: /
+Allow: /

-# Bloqueio explicito de todos os bots
-User-agent: Googlebot
-Disallow: /
-
-User-agent: Bingbot
-Disallow: /
-
-User-agent: Slurp
-Disallow: /
-
-# Sitemap comentado (descomente em producao)
-# Sitemap: https://avanzato.com.br/sitemap.xml
+Sitemap: https://avanzato.com.br/sitemap.xml
@@ -165,4 +165,120 @@
    <changefreq>weekly</changefreq>
    <priority>0.9</priority>
  </url>
+
+  <!-- SEO Local - Onde Atuamos -->
+  <url>
+    <loc>https://avanzato.com.br/onde-atuamos</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-guarulhos</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-mogi-das-cruzes</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-ipiranga</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-vila-formosa</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-cerqueira-cesar</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-santana</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-bras</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-ribeirao-preto</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+
+  <!-- Nichos adicionais -->
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-industria</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-portaria-remota</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-clinicas</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-imobiliarias</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/suporte-ti-recrutamento-selecao</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+
+  <!-- Avanzato Tools -->
+  <url>
+    <loc>https://avanzato.com.br/ferramentas</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/spf-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/dkim-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/dmarc-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/mx-lookup</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/ssl-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/email-security-score</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/microsoft-365-analyzer</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
 </urlset>
@@ -100,6 +100,7 @@
    <title>Avanzato Tecnologia | TI Gerenciada, Cloud e Seguranca em Guarulhos/SP</title>
    <meta name="title" content="Avanzato Tecnologia | TI Gerenciada, Cloud e Seguranca em Guarulhos/SP" />
    <meta name="description" content="Solucoes em TI Gerenciada, Cloud Computing e Seguranca da Informacao. +23 anos de experiencia, +500 clientes atendidos. Suporte 24/7 em Guarulhos e regiao." />
+    <meta name="app-version" content="1.0.0" />
    <meta name="keywords" content="TI Gerenciada, Cloud Computing, Seguranca da Informacao, Suporte Tecnico, Tecnologia da Informacao, Guarulhos, Sao Paulo, Infraestrutura de TI, Backup, Firewall, Consultoria TI" />
    <meta name="author" content="Avanzato Tecnologia" />
    <meta name="robots" content="index, follow" id="meta-robots" />
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: sáb 30 mai 2026 19:30:29 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Atualização e correção de diretorios
+
+Branch:
+main
+
+Commit:
+bb73783
+
+Último commit develop:
+146652a
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: sáb 30 mai 2026 20:36:09 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Favivon - Correção
+
+Branch:
+main
+
+Commit:
+5b729b23
+
+Último commit develop:
+643f628a
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: sáb 30 mai 2026 23:15:11 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Favivon - Correção
+
+Branch:
+main
+
+Commit:
+e9f47c5b
+
+Último commit develop:
+2dc62486
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: dom 31 mai 2026 00:03:02 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Revisão Logo, Favicon, Robots
+
+Branch:
+main
+
+Commit:
+b284c4d2
+
+Último commit develop:
+3d36e981
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: dom 31 mai 2026 00:29:03 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Revisão Logo, Favicon, Robots
+
+Branch:
+main
+
+Commit:
+bfb02286
+
+Último commit develop:
+be22792b
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: dom 31 mai 2026 00:58:08 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Revisão Logo, Favicon, Robots
+
+Branch:
+main
+
+Commit:
+9885f59b
+
+Último commit develop:
+d79c9c48
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: seg  1 jun 2026 19:44:45 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Paginas e SEO master
+
+Branch:
+main
+
+Commit:
+4f15851f
+
+Último commit develop:
+15ce64e7
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: seg  1 jun 2026 19:56:50 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Paginas e SEO master
+
+Branch:
+main
+
+Commit:
+3eb41133
+
+Último commit develop:
+e8f15d63
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: seg  1 jun 2026 20:28:34 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Paginas e SEO master
+
+Branch:
+main
+
+Commit:
+52f86cbb
+
+Último commit develop:
+e8f15d63
+
+Arquivos alterados no último commit:
+infra/releases/2026-06-01_19-56-50_PROD.md
+
+Status:
+Preparado para publicação em produção
@@ -1,35 +0,0 @@
-# Release HML
-
-Data: ter  2 jun 2026 10:42:22 -03
-
-Ambiente:
-HML
-
-Descrição:
-Paginas e SEO master
-
-Branch:
-develop
-
-Arquivos alterados antes do commit:
- D infra/releases/2026-06-01_19-55-53_HML.md
- M package-lock.json
- M src/config/site.ts
- M vite.config.ts
-?? infra/releases/2026-06-02_10-42-22_HML.md
-
-Status:
-Preparado para publicação
-
-Commit:
-6140142b
-
-Arquivos no commit:
-infra/releases/2026-06-01_19-55-53_HML.md
-infra/releases/2026-06-02_10-42-22_HML.md
-package-lock.json
-src/config/site.ts
-vite.config.ts
-
-Status final:
-Publicado no Gitea / aguardando pipeline HML
@@ -1,31 +0,0 @@
-# Release HML
-
-Data: ter  2 jun 2026 11:45:36 -03
-
-Ambiente:
-HML
-
-Descrição:
-Paginas e SEO master
-
-Branch:
-develop
-
-Arquivos alterados antes do commit:
- M node_modules/.vite/deps/_metadata.json
- M package-lock.json
-?? infra/releases/2026-06-02_11-45-35_HML.md
-
-Status:
-Preparado para publicação
-
-Commit:
-2900b9af
-
-Arquivos no commit:
-infra/releases/2026-06-02_11-45-35_HML.md
-node_modules/.vite/deps/_metadata.json
-package-lock.json
-
-Status final:
-Publicado no Gitea / aguardando pipeline HML
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: ter  2 jun 2026 14:21:07 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Paginas e SEO master, correção javascript google
+
+Branch:
+main
+
+Commit:
+35e5727e
+
+Último commit develop:
+96563b30
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,57 @@
+# Release HML
+
+Data: qua  3 jun 2026 22:07:59 -03
+
+Ambiente:
+HML
+
+Descrição:
+Aplicativos de Atrair Leads
+
+Branch:
+develop
+
+Arquivos alterados antes do commit:
+ M dist/index.html
+ D infra/releases/2026-06-02_22-34-39_HML.md
+ M src/App.tsx
+ M src/sections/About.tsx
+ M src/sections/CondominiosCTA.tsx
+ M src/sections/Hero.tsx
+ M src/sections/Navigation.tsx
+ M src/sections/Services.tsx
+?? infra/releases/2026-06-03_22-07-58_HML.md
+?? nginx/
+?? public/about-image.webp
+?? public/hero-dashboard.webp
+?? public/service-cloud.webp
+?? public/service-security.webp
+?? public/service-support.webp
+?? public/service-ti.webp
+
+Status:
+Preparado para publicação
+
+Commit:
+fdfb4606
+
+Arquivos no commit:
+dist/index.html
+infra/releases/2026-06-02_22-34-39_HML.md
+infra/releases/2026-06-03_22-07-58_HML.md
+nginx/avanzato.conf
+public/about-image.webp
+public/hero-dashboard.webp
+public/service-cloud.webp
+public/service-security.webp
+public/service-support.webp
+public/service-ti.webp
+src/App.tsx
+src/sections/About.tsx
+src/sections/CondominiosCTA.tsx
+src/sections/Hero.tsx
+src/sections/Navigation.tsx
+src/sections/Services.tsx
+
+Status final:
+Publicado no Gitea / aguardando pipeline HML
@@ -0,0 +1,24 @@
+# Release PROD
+
+Data: qua  3 jun 2026 22:19:56 -03
+
+Ambiente:
+PROD
+
+Descrição:
+Aplicativos de Atrair Leads
+
+Branch:
+main
+
+Commit:
+667447c3
+
+Último commit develop:
+e3f35d80
+
+Arquivos alterados no último commit:
+
+
+Status:
+Preparado para publicação em produção
@@ -0,0 +1,132 @@
+# ============================================================================
+# Configuracao Nginx - Avanzato Tecnologia
+# ============================================================================
+# Inclui: CSP, HSTS, X-Frame-Options, cache headers, gzip, brotli
+# Copiar para: /etc/nginx/sites-available/avanzato.com.br
+# Ativar: ln -s /etc/nginx/sites-available/avanzato.com.br /etc/nginx/sites-enabled/
+# ============================================================================
+
+server {
+    listen 80;
+    listen [::]:80;
+    server_name avanzato.com.br www.avanzato.com.br;
+    
+    # Redirecionar HTTP para HTTPS
+    return 301 https://$server_name$request_uri;
+}
+
+server {
+    listen 443 ssl http2;
+    listen [::]:443 ssl http2;
+    server_name avanzato.com.br www.avanzato.com.br;
+
+    # SSL (certbot gerencia automaticamente)
+    ssl_certificate /etc/letsencrypt/live/avanzato.com.br/fullchain.pem;
+    ssl_certificate_key /etc/letsencrypt/live/avanzato.com.br/privkey.pem;
+    ssl_trusted_certificate /etc/letsencrypt/live/avanzato.com.br/chain.pem;
+
+    # SSL hardening
+    ssl_protocols TLSv1.2 TLSv1.3;
+    ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384;
+    ssl_prefer_server_ciphers off;
+    ssl_session_cache shared:SSL:10m;
+    ssl_session_timeout 1d;
+    ssl_session_tickets off;
+
+    # HSTS - HTTP Strict Transport Security
+    add_header Strict-Transport-Security "max-age=63072000; includeSubDomains; preload" always;
+
+    # Root do projeto
+    root /var/www/avanzato/dist;
+    index index.html;
+
+    # Gzip compression
+    gzip on;
+    gzip_vary on;
+    gzip_min_length 1024;
+    gzip_proxied any;
+    gzip_comp_level 6;
+    gzip_types
+        text/plain
+        text/css
+        text/xml
+        text/javascript
+        application/json
+        application/javascript
+        application/xml+rss
+        application/atom+xml
+        image/svg+xml
+        font/woff2;
+
+    # ============================================================================
+    # CACHE HEADERS - Assets estaticos
+    # ============================================================================
+    
+    # Imagens, fontes, videos - 1 mes
+    location ~* \.(jpg|jpeg|png|gif|ico|svg|webp|woff|woff2|ttf|eot|mp4|webm)$ {
+        expires 1M;
+        add_header Cache-Control "public, immutable" always;
+        add_header Vary "Accept-Encoding" always;
+        access_log off;
+    }
+
+    # CSS e JS - 1 ano (tem hash no nome)
+    location ~* \.(css|js)$ {
+        expires 1y;
+        add_header Cache-Control "public, immutable" always;
+        add_header Vary "Accept-Encoding" always;
+        access_log off;
+    }
+
+    # HTML - nao cachear
+    location ~* \.html$ {
+        expires -1;
+        add_header Cache-Control "no-cache, no-store, must-revalidate" always;
+        add_header Pragma "no-cache" always;
+    }
+
+    # ============================================================================
+    # SECURITY HEADERS
+    # ============================================================================
+    
+    # Content Security Policy
+    add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://www.googletagmanager.com https://connect.facebook.net https://static.cloudflareinsights.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' https://dns.google https://crt.sh https://mkt.avanzato.com.br https://www.google-analytics.com https://www.facebook.com; frame-src 'self' https://mkt.avanzato.com.br; media-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self'; frame-ancestors 'self'; upgrade-insecure-requests;" always;
+
+    # X-Frame-Options - protecao contra clickjacking
+    add_header X-Frame-Options "SAMEORIGIN" always;
+
+    # X-Content-Type-Options
+    add_header X-Content-Type-Options "nosniff" always;
+
+    # Referrer Policy
+    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+
+    # Permissions Policy
+    add_header Permissions-Policy "camera=(), microphone=(), geolocation=(), payment=(), usb=(), magnetometer=(), gyroscope=()" always;
+
+    # Cross-Origin Opener Policy
+    add_header Cross-Origin-Opener-Policy "same-origin" always;
+
+    # Cross-Origin Resource Policy
+    add_header Cross-Origin-Resource-Policy "cross-origin" always;
+
+    # ============================================================================
+    # REACT ROUTER - SPA fallback
+    # ============================================================================
+    
+    location / {
+        try_files $uri $uri/ /index.html;
+        add_header Cache-Control "no-cache, no-store, must-revalidate" always;
+    }
+
+    # Sitemap e robots - acessiveis
+    location = /sitemap.xml {
+        try_files $uri =404;
+        add_header Content-Type "application/xml" always;
+    }
+
+    location = /robots.txt {
+        try_files $uri =404;
+        add_header Content-Type "text/plain" always;
+    }
+}
@@ -239,4 +239,46 @@
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
+
+  <!-- Avanzato Tools -->
+  <url>
+    <loc>https://avanzato.com.br/ferramentas</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/spf-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/dkim-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/dmarc-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/mx-lookup</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/ssl-checker</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/email-security-score</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://avanzato.com.br/ferramentas/microsoft-365-analyzer</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.8</priority>
+  </url>
 </urlset>
@@ -1,5 +1,5 @@
 {
-  "version": "1.3.1",
-  "date": "2026-06-01",
+  "version": "1.4.0",
+  "date": "2026-06-02",
  "environment": "auto-detect"
 }
@@ -0,0 +1,21 @@
+{
+  "current": "1.4.0",
+  "versions": [
+    {
+      "version": "1.4.0",
+      "date": "2026-06-02",
+      "title": "Avanzato Tools - Fase 1",
+      "changes": [
+        "7 ferramentas gratuitas: SPF Checker, DKIM Checker, DMARC Checker, MX Lookup, SSL Checker, Email Security Score, Microsoft 365 Analyzer",
+        "Pagina principal /ferramentas com grid de ferramentas",
+        "Sistema de 2 consultas gratuitas + cadastro para ilimitado",
+        "Captura de 'dor de TI' e urgencia para scoring de leads",
+        "Integracao com avaliacao gratuita e contato",
+        "Prerender de todas as 8 paginas de ferramentas para SEO",
+        "Sitemap atualizado com 8 novas URLs",
+        "Schema.org FAQPage nas paginas de ferramentas"
+      ],
+      "file": "avanzato-site-v1.4.0.zip"
+    }
+  ]
+}
@@ -18,6 +18,7 @@ NC='\033[0m'
 echo -e "${BLUE}[Post-Build]${NC} Gerando paginas estaticas para rotas..."

 DIST_DIR="${1:-dist}"
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
 PROJECT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"

 if [ ! -d "$DIST_DIR" ]; then
@@ -73,6 +74,14 @@ ROUTES=(
  "suporte-ti-recrutamento-selecao"
  "privacidade"
  "termos"
+  "ferramentas"
+  "ferramentas/spf-checker"
+  "ferramentas/dkim-checker"
+  "ferramentas/dmarc-checker"
+  "ferramentas/mx-lookup"
+  "ferramentas/ssl-checker"
+  "ferramentas/email-security-score"
+  "ferramentas/microsoft-365-analyzer"
 )

 # Copiar index.html como base
@@ -93,6 +102,12 @@ echo -e "${GREEN}OK${NC} 404.html criado"
 # Limpar backup
 rm -f "$DIST_DIR/index.html.bak"

+echo ""
+# Gerar HTML prerenderizado com conteudo real (SEO)
+echo ""
+echo -e "${BLUE}[Prerender]${NC} Gerando HTML com conteudo real para SEO..."
+node "${SCRIPT_DIR}/prerender.cjs"
+
 echo ""
 echo -e "${GREEN}Post-build concluido!${NC}"
 echo ""
@@ -100,4 +115,5 @@ echo "Estrutura gerada:"
 echo "  dist/index.html          (home)"
 echo "  dist/404.html            (pagina nao encontrada)"
 echo "  dist/{rota}/index.html   (${#ROUTES[@]} paginas estaticas)"
+echo "  dist/{rota}/index.html   (HTML com conteudo real para SEO)"
 echo ""
@@ -0,0 +1,260 @@
+// ============================================================================
+// PRERENDER - Gera HTML estatico com conteudo real para cada rota
+// ============================================================================
+// Executa apos npm run build
+// Gera index.html com conteudo HTML real (nao vazio) para cada rota
+// Isso resolve o problema de SEO: Google recebe conteudo no 1o request
+// ============================================================================
+
+const fs = require('fs');
+const path = require('path');
+
+const DIST_DIR = path.resolve(__dirname, '../dist');
+const INDEX_HTML = path.join(DIST_DIR, 'index.html');
+
+// Verificar se dist existe
+if (!fs.existsSync(DIST_DIR)) {
+  console.error('ERRO: pasta dist/ nao encontrada. Execute npm run build primeiro.');
+  process.exit(1);
+}
+
+// Ler o index.html base
+let baseHtml = fs.readFileSync(INDEX_HTML, 'utf-8');
+
+// Rotas para prerenderizar
+const ROUTES = [
+  { path: '/', title: 'Avanzato Tecnologia | TI Gerenciada, Cloud e Seguranca em Guarulhos/SP', desc: 'Solucoes em TI Gerenciada, Cloud Computing e Seguranca da Informacao. +23 anos de experiencia, +500 clientes atendidos. Suporte 24/7.' },
+  { path: '/sobre', title: 'Sobre a Avanzato Tecnologia | +23 Anos de Experiencia em TI', desc: 'Conheca a Avanzato Tecnologia. +23 anos de experiencia em TI Gerenciada, Cloud e Seguranca. +500 clientes satisfeitos em Sao Paulo.' },
+  { path: '/cases', title: 'Cases de Sucesso - Avanzato Tecnologia | Projetos de TI', desc: 'Conheca nossos cases de sucesso em TI. Empresas de contabilidade, advocacia, industria, monitoramento e mais. +23 anos de experiencia.' },
+  { path: '/onde-atuamos', title: 'Onde Atuamos - Suporte de TI em Sao Paulo e Regiao', desc: 'Avanzato Tecnologia atende em Guarulhos, Mogi das Cruzes, Ipiranga, Zona Leste, Zona Norte, Centro e Ribeirao Preto. Suporte presencial e remoto.' },
+  { path: '/avaliacao', title: 'Avaliacao Gratuita de TI - Avanzato Tecnologia', desc: 'Avalie gratuitamente a maturidade da TI da sua empresa. Descubra o nivel e receba recomendacoes personalizadas.' },
+  { path: '/contato', title: 'Contato - Avanzato Tecnologia | TI em Guarulhos/SP', desc: 'Entre em contato com a Avanzato Tecnologia. Telefone (11) 4810-1704, WhatsApp, email ou formulario. Atendimento 24/7.' },
+  { path: '/servicos/ti-gerenciada', title: 'TI Gerenciada para Empresas - Avanzato Tecnologia', desc: 'TI Gerenciada completa para empresas em Guarulhos e Sao Paulo. Suporte 24/7, monitoramento em tempo real e equipe especializada.' },
+  { path: '/servicos/cloud-computing', title: 'Cloud Computing e Virtualizacao - Avanzato', desc: 'Solucoes em Cloud Computing: AWS, Azure, Google Cloud. Migracao, gestao e otimizacao de infraestrutura em nuvem.' },
+  { path: '/servicos/seguranca', title: 'Seguranca da Informacao - Avanzato Tecnologia', desc: 'Protecao completa para sua empresa: firewall, antivirus, backup, LGPD. Seguranca de rede e dados com suporte 24/7.' },
+  { path: '/servicos/suporte', title: 'Suporte Tecnico 24/7 - Avanzato Tecnologia', desc: 'Suporte tecnico empresarial 24 horas. Help desk, atendimento remoto e presencial em Guarulhos e regiao.' },
+  { path: '/ti-para-contabilidades', title: 'TI para Escritorios de Contabilidade - Avanzato', desc: 'Solucoes de TI especializadas para contabilidades: seguranca de dados fiscais, backup de obrigacoes, NF-e. SPED e ECD.' },
+  { path: '/ti-para-advocacias', title: 'TI para Escritorios de Advocacia - Avanzato', desc: 'TI para advocacias: seguranca de processos, LGPD para clientes, backup de documentos juridicos. PJe e e-SAJ.' },
+  { path: '/monitoramento-empresarial', title: 'Monitoramento Empresarial com CFTV - Avanzato', desc: 'Sistemas de CFTV e monitoramento por camera para empresas. IP cameras, NVR, DVR, acesso remoto via celular.' },
+  { path: '/firewall-pfsense-empresarial', title: 'Firewall pfSense Empresarial - Avanzato', desc: 'Implementacao e configuracao de firewall pfSense e OPNsense. Seguranca de rede, VPN, filtro de conteudo.' },
+  { path: '/backup-corporativo', title: 'Backup Corporativo e Disaster Recovery - Avanzato', desc: 'Backup automatizado em nuvem e local. Disaster Recovery, recuperacao de dados. Protecao contra ransomware.' },
+  { path: '/voip-empresarial', title: 'VoIP Empresarial e PABX IP - Avanzato Tecnologia', desc: 'Telefonia VoIP para empresas: PABX IP, chamadas ilimitadas, integracao com CRM. Reducao de 70% na conta telefonica.' },
+  { path: '/suporte-ti-guarulhos', title: 'Suporte de TI em Guarulhos - Matriz Avanzato', desc: 'Suporte de TI empresarial em Guarulhos. Atendemos contabilidades, advocacias, industrias e mais. Matriz da Avanzato. +23 anos.' },
+  { path: '/suporte-ti-mogi-das-cruzes', title: 'Suporte de TI em Mogi das Cruzes - Avanzato', desc: 'Suporte de TI empresarial em Mogi das Cruzes. Atendimento presencial e remoto para empresas de todos os portes.' },
+  { path: '/suporte-ti-ipiranga', title: 'Suporte de TI em Ipiranga - Avanzato Tecnologia', desc: 'Suporte de TI empresarial em Ipiranga, Sao Paulo. Atendimento a clinicas, escolas e comercios do bairro.' },
+  { path: '/suporte-ti-industria', title: 'TI para Industria - Avanzato Tecnologia', desc: 'Solucoes de TI especializadas para industrias. Suporte tecnico, seguranca, cloud e comunicacao. +23 anos de experiencia.' },
+  { path: '/suporte-ti-portaria-remota', title: 'TI para Portaria Remota - Avanzato Tecnologia', desc: 'Solucoes de TI para portaria remota: interfornia IP, controle de acesso, cameras. Condominios, empresas, industrias.' },
+  { path: '/suporte-ti-clinicas', title: 'TI para Clinicas - Avanzato Tecnologia', desc: 'Solucoes de TI para clinicas: odontologia, fisioterapia, medica, veterinaria. LGPD, prontuario digital, telemedicina.' },
+  { path: '/suporte-ti-imobiliarias', title: 'TI para Imobiliarias - Avanzato Tecnologia', desc: 'Solucoes de TI para imobiliarias: sistemas de gestao, CRM, site de imoveis. Residencial, comercial, industrial.' },
+  { path: '/tecnologias', title: 'Tecnologias que Trabalhamos - Avanzato Tecnologia', desc: 'Conheca as tecnologias que a Avanzato domina: Cisco, VMware, Microsoft, Linux, pfSense, Proxmox e muito mais.' },
+  // Avanzato Tools
+  { path: '/ferramentas', title: 'Ferramentas Gratuitas de TI - Avanzato Tools', desc: 'Ferramentas gratuitas para diagnosticar seguranca de e-mail, SSL, Microsoft 365 e infraestrutura de TI. SPF Checker, DKIM Checker, DMARC Checker, SSL Checker e mais.' },
+  { path: '/ferramentas/spf-checker', title: 'SPF Checker - Verifique sua Protecao de E-mail | Avanzato', desc: 'Verifique se o registro SPF do seu dominio esta configurado corretamente. Proteja contra spoofing e phishing. Ferramenta gratuita.' },
+  { path: '/ferramentas/dkim-checker', title: 'DKIM Checker - Valide Assinatura Digital de E-mail | Avanzato', desc: 'Valide a assinatura digital DKIM do seu dominio. Garanta que seus e-mails sejam autenticados e nao vao para spam.' },
+  { path: '/ferramentas/dmarc-checker', title: 'DMARC Checker - Analise sua Politica DMARC | Avanzato', desc: 'Analise a politica DMARC do seu dominio. Descubra se voce esta protegido contra phishing e spoofing de e-mail.' },
+  { path: '/ferramentas/mx-lookup', title: 'MX Lookup - Consulte seus Servidores de E-mail | Avanzato', desc: 'Consulte os registros MX do seu dominio. Verifique a infraestrutura de recebimento de e-mails e o provedor.' },
+  { path: '/ferramentas/ssl-checker', title: 'SSL Checker - Verifique seu Certificado SSL | Avanzato', desc: 'Verifique a validade e configuracao do certificado SSL do seu site. Garanta seguranca HTTPS para seus visitantes.' },
+  { path: '/ferramentas/email-security-score', title: 'Email Security Score - Avaliacao Completa | Avanzato', desc: 'Avalie a seguranca completa do e-mail do seu dominio. Score de 0 a 100 com SPF, DKIM, DMARC, MX e recomendacoes.' },
+  { path: '/ferramentas/microsoft-365-analyzer', title: 'Microsoft 365 Analyzer - Diagnostico M365 | Avanzato', desc: 'Analise a configuracao do Microsoft 365 do seu dominio. Descubra oportunidades de melhoria e seguranca.' },
+];
+
+// Conteudo HTML prerenderizado para cada tipo de pagina
+function generateContent(route) {
+  const isHome = route.path === '/';
+  const isLocal = route.path.includes('suporte-ti-');
+  const isService = route.path.includes('servicos/');
+  const isNicho = route.path.includes('ti-para-') || route.path.includes('suporte-ti-') && !isLocal;
+  
+  let content = '';
+  
+  if (isHome) {
+    content = `
+      <section class="hero">
+        <h1>Avanzato Tecnologia - TI Gerenciada, Cloud e Seguranca</h1>
+        <p>+23 anos de experiencia em TI para empresas. +500 clientes atendidos em Guarulhos, Sao Paulo e regiao.</p>
+        <p>Servicos: Suporte Tecnico 24/7, Cloud Computing, Seguranca da Informacao, Backup Corporativo, VoIP, Firewall, Monitoramento.</p>
+        <div><a href="/avaliacao">Avaliacao Gratuita</a> <a href="/contato">Falar com Especialista</a></div>
+      </section>
+      <section>
+        <h2>Por que escolher a Avanzato?</h2>
+        <ul>
+          <li>Suporte 24/7 com equipe especializada</li>
+          <li>+23 anos de experiencia em TI empresarial</li>
+          <li>+500 clientes atendidos em diversos segmentos</li>
+          <li>Atendimento em Guarulhos, Grande SP e interior</li>
+          <li>Relatorios tecnicos mensais detalhados</li>
+        </ul>
+      </section>
+      <section>
+        <h2>Segmentos que Atendemos</h2>
+        <p>Contabilidades, Advocacias, Industrias, BPO, Clinicas, Imobiliarias, Condominios, Logistica, Monitoramento.</p>
+        <p><a href="/onde-atuamos">Ver onde atuamos</a></p>
+      </section>
+      <section>
+        <h2>Onde Atuamos</h2>
+        <p>Guarulhos (matriz), Mogi das Cruzes, Ipiranga, Vila Formosa, Cerqueira Cesar, Santana, Bras, Ribeirao Preto.</p>
+        <p><a href="/onde-atuamos">Ver todas as localidades</a></p>
+      </section>`;
+  } else if (isLocal) {
+    const city = route.title.split(' em ')[1]?.split(' - ')[0] || '';
+    content = `
+      <article>
+        <h1>Suporte de TI em ${city}</h1>
+        <p>Empresa de suporte de TI em ${city} com atendimento presencial e remoto. +23 anos de experiencia.</p>
+        <h2>Servicos em ${city}</h2>
+        <ul>
+          <li>Suporte tecnico 24/7</li>
+          <li>Administracao de servidores</li>
+          <li>Backup corporativo</li>
+          <li>Firewall e seguranca</li>
+          <li>Microsoft 365</li>
+          <li>Cloud Computing</li>
+          <li>VoIP e PABX IP</li>
+          <li>Monitoramento CFTV</li>
+        </ul>
+        <h2>Segmentos Atendidos em ${city}</h2>
+        <p>Contabilidades, Advocacias, Industrias, Clinicas, Imobiliarias, Condominios, Logistica, Monitoramento.</p>
+        <div><a href="/avaliacao">Solicitar Avaliacao Gratuita</a></div>
+      </article>`;
+  } else if (route.path === '/onde-atuamos') {
+    content = `
+      <article>
+        <h1>Onde a Avanzato Atua</h1>
+        <p>Presente em toda a regiao metropolitana de Sao Paulo e interior. Atendimento presencial e remoto.</p>
+        <h2>Cidades Atendidas</h2>
+        <ul>
+          <li><a href="/suporte-ti-guarulhos">Guarulhos</a> - Matriz Avanzato</li>
+          <li><a href="/suporte-ti-mogi-das-cruzes">Mogi das Cruzes</a></li>
+          <li><a href="/suporte-ti-ipiranga">Ipiranga</a></li>
+          <li><a href="/suporte-ti-vila-formosa">Vila Formosa</a></li>
+          <li><a href="/suporte-ti-cerqueira-cesar">Cerqueira Cesar</a></li>
+          <li><a href="/suporte-ti-santana">Santana</a></li>
+          <li><a href="/suporte-ti-bras">Bras</a></li>
+          <li><a href="/suporte-ti-ribeirao-preto">Ribeirao Preto</a></li>
+        </ul>
+        <div><a href="/contato">Falar com Especialista</a></div>
+      </article>`;
+  } else if (route.path === '/ferramentas') {
+    content = `
+      <article>
+        <h1>Avanzato Tools - Ferramentas Gratuitas de TI</h1>
+        <p>Ferramentas gratuitas de diagnostico tecnico para empresas. Verifique a seguranca do seu e-mail, SSL, Microsoft 365 e infraestrutura de TI.</p>
+        <h2>Ferramentas Disponiveis</h2>
+        <ul>
+          <li><a href="/ferramentas/spf-checker">SPF Checker</a> - Verifique sua protecao contra spoofing</li>
+          <li><a href="/ferramentas/dkim-checker">DKIM Checker</a> - Valide assinatura digital de e-mail</li>
+          <li><a href="/ferramentas/dmarc-checker">DMARC Checker</a> - Analise sua politica anti-phishing</li>
+          <li><a href="/ferramentas/mx-lookup">MX Lookup</a> - Consulte servidores de e-mail</li>
+          <li><a href="/ferramentas/ssl-checker">SSL Checker</a> - Verifique certificado SSL</li>
+          <li><a href="/ferramentas/email-security-score">Email Security Score</a> - Avaliacao completa</li>
+          <li><a href="/ferramentas/microsoft-365-analyzer">Microsoft 365 Analyzer</a> - Diagnostico M365</li>
+        </ul>
+        <p>2 consultas gratuitas por ferramenta. Cadastro rapido para consultas ilimitadas.</p>
+        <div><a href="/avaliacao">Avaliacao Gratuita de TI</a> <a href="/contato">Falar com Especialista</a></div>
+      </article>`;
+  } else if (route.path.startsWith('/ferramentas/')) {
+    const toolName = route.title.split(' - ')[0];
+    content = `
+      <article>
+        <h1>${toolName}</h1>
+        <p>${route.desc}</p>
+        <h2>Como usar</h2>
+        <ol>
+          <li>Digite o dominio que deseja verificar (ex: avanzato.com.br)</li>
+          <li>Clique em "Verificar"</li>
+          <li>Receba o resultado em segundos com recomendacoes</li>
+        </ol>
+        <h2>Perguntas Frequentes</h2>
+        <p><strong>Preciso cadastrar?</strong> Nao nas primeiras 2 consultas. Apos isso, cadastro rapido gratuito.</p>
+        <p><strong>Os resultados sao confiaveis?</strong> Sim, consultamos servidores DNS publicos em tempo real.</p>
+        <div><a href="/ferramentas">Ver todas as ferramentas</a> <a href="/avaliacao">Avaliacao Gratuita</a></div>
+      </article>`;
+  } else if (route.path === '/cases') {
+    content = `
+      <article>
+        <h1>Cases de Sucesso - Avanzato Tecnologia</h1>
+        <p>Conheca nossos cases de sucesso em TI. Empresas de diversos segmentos que confiam na Avanzato.</p>
+        <h2>Cases Recentes</h2>
+        <ul>
+          <li><strong>Apoio 24 Horas</strong> - Monitoramento - Servidores, pfSense, VPN</li>
+          <li><strong>ONG/Terceiro Setor</strong> - Institucional - Suporte, Cloud, Seguranca</li>
+          <li><strong>Museu de Faculdade Publica</strong> - Acervo Digital - Tainacan, ICA-AtoM</li>
+          <li><strong>Thalls</strong> - Industria - Suporte, VoIP</li>
+          <li><strong>Dellacont</strong> - Contabilidade - Suporte, Servidor, Backup</li>
+          <li><strong>Mourad Naddi Advogados</strong> - Advocacia - Suporte, Servidor, Backup</li>
+          <li><strong>GateOne e Fox</strong> - Monitoramento - Servidores, VPN</li>
+          <li><strong>Lucena Textil</strong> - Textil - Colocation, VPN, Backup</li>
+        </ul>
+        <div><a href="/avaliacao">Quero um case de sucesso tambem</a></div>
+      </article>`;
+  } else if (isService || isNicho) {
+    const serviceName = route.title.split(' - ')[0];
+    content = `
+      <article>
+        <h1>${serviceName}</h1>
+        <p>${route.desc}</p>
+        <h2>O que oferecemos</h2>
+        <ul>
+          <li>Diagnostico inicial gratuito</li>
+          <li>Projeto personalizado</li>
+          <li>Implantacao completa</li>
+          <li>Suporte continuo</li>
+          <li>Relatorios periodicos</li>
+        </ul>
+        <h2>Perguntas Frequentes</h2>
+        <p><strong>Qual o tempo de resposta?</strong> Nosso SLA garante atendimento em ate 4 horas para chamados criticos.</p>
+        <p><strong>Atendem empresas de qual porte?</strong> Atendemos de pequenas a grandes empresas, com planos flexiveis.</p>
+        <div><a href="/avaliacao">Solicitar Avaliacao Gratuita</a> <a href="/contato">Falar com Especialista</a></div>
+      </article>`;
+  } else {
+    content = `
+      <article>
+        <h1>${route.title.split(' - ')[0]}</h1>
+        <p>${route.desc}</p>
+        <div><a href="/contato">Entrar em Contato</a> <a href="/avaliacao">Avaliacao Gratuita</a></div>
+      </article>`;
+  }
+  
+  return content;
+}
+
+// Gerar HTML prerenderizado para cada rota
+console.log('[Prerender] Gerando HTML estatico com conteudo real...\n');
+
+let count = 0;
+
+for (const route of ROUTES) {
+  // Atualizar title e meta description
+  let html = baseHtml
+    .replace(/<title>.*?<\/title>/, `<title>${route.title}</title>`)
+    .replace(/<meta name="title" content=".*?" \/>/, `<meta name="title" content="${route.title}" />`)
+    .replace(/<meta name="description" content=".*?" \/>/, `<meta name="description" content="${route.desc}" />`)
+    .replace(/<meta name="app-version" content=".*?" \/>/, `<meta name="app-version" content="${require('../public/version.json').version}" />`);
+  
+  // Gerar conteudo HTML
+  const content = generateContent(route);
+  
+  // Inserir conteudo no div#root (substituir <div id="root"></div>)
+  html = html.replace(
+    '<div id="root"></div>',
+    `<div id="root">${content}</div>`
+  );
+  
+  // Determinar caminho de saida
+  let outputPath;
+  if (route.path === '/') {
+    outputPath = path.join(DIST_DIR, 'index.html');
+  } else {
+    // Criar pasta e salvar index.html
+    const dir = path.join(DIST_DIR, route.path.replace(/^\//, ''));
+    fs.mkdirSync(dir, { recursive: true });
+    outputPath = path.join(dir, 'index.html');
+  }
+  
+  fs.writeFileSync(outputPath, html);
+  count++;
+  console.log(`  OK: ${route.path} → ${outputPath.replace(DIST_DIR + '/', '')}`);
+}
+
+console.log(`\n[Prerender] ${count} paginas geradas com conteudo HTML real!`);
+console.log('[Prerender] Agora o Google recebe conteudo no 1o request, sem precisar de JavaScript.\n');
@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useState, lazy, Suspense } from 'react';
 import { BrowserRouter as Router, Routes, Route, useLocation } from 'react-router-dom';
 import { gsap } from 'gsap';
 import { ScrollTrigger } from 'gsap/ScrollTrigger';
@@ -8,68 +8,80 @@ import WhatsAppWidget from './components/WhatsAppWidget';
 import CookieConsent from './components/CookieConsent';
 import HomologationBanner from './components/HomologationBanner';

-// Páginas
+// Página inicial carrega direto (mais acessada)
 import Home from './pages/Home';
-import Sobre from './pages/Sobre';
-import Blog from './pages/Blog';
-import BlogPost from './pages/BlogPost';
-import Cases from './pages/Cases';
-import Contato from './pages/Contato';
-import Privacidade from './pages/Privacidade';
-import Termos from './pages/Termos';
 import NotFound from './pages/NotFound';

+// Todas as outras páginas com lazy loading para reduzir bundle inicial
+const Sobre = lazy(() => import('./pages/Sobre'));
+const Blog = lazy(() => import('./pages/Blog'));
+const BlogPost = lazy(() => import('./pages/BlogPost'));
+const Cases = lazy(() => import('./pages/Cases'));
+const Contato = lazy(() => import('./pages/Contato'));
+const Privacidade = lazy(() => import('./pages/Privacidade'));
+const Termos = lazy(() => import('./pages/Termos'));
+
 // Páginas de Serviços
-import TiGerenciada from './pages/services/TiGerenciada';
-import CloudComputing from './pages/services/CloudComputing';
-import Seguranca from './pages/services/Seguranca';
-import Suporte from './pages/services/Suporte';
-import Redes from './pages/services/Redes';
-import Pabx from './pages/services/Pabx';
-import Backup from './pages/services/Backup';
-import Servidores from './pages/services/Servidores';
-import Consultoria from './pages/services/Consultoria';
-import Noc from './pages/services/Noc';
+const TiGerenciada = lazy(() => import('./pages/services/TiGerenciada'));
+const CloudComputing = lazy(() => import('./pages/services/CloudComputing'));
+const Seguranca = lazy(() => import('./pages/services/Seguranca'));
+const Suporte = lazy(() => import('./pages/services/Suporte'));
+const Redes = lazy(() => import('./pages/services/Redes'));
+const Pabx = lazy(() => import('./pages/services/Pabx'));
+const Backup = lazy(() => import('./pages/services/Backup'));
+const Servidores = lazy(() => import('./pages/services/Servidores'));
+const Consultoria = lazy(() => import('./pages/services/Consultoria'));
+const Noc = lazy(() => import('./pages/services/Noc'));

 // Páginas de Tecnologias (SEO)
-import Tecnologias from './pages/Tecnologias';
-import WindowsServer from './pages/tech/WindowsServer';
-import Linux from './pages/tech/Linux';
-import PfSense from './pages/tech/PfSense';
-import Proxmox from './pages/tech/Proxmox';
-import Vmware from './pages/tech/Vmware';
-import Sharepoint from './pages/tech/Sharepoint';
-import Cisco from './pages/tech/Cisco';
+const Tecnologias = lazy(() => import('./pages/Tecnologias'));
+const WindowsServer = lazy(() => import('./pages/tech/WindowsServer'));
+const Linux = lazy(() => import('./pages/tech/Linux'));
+const PfSense = lazy(() => import('./pages/tech/PfSense'));
+const Proxmox = lazy(() => import('./pages/tech/Proxmox'));
+const Vmware = lazy(() => import('./pages/tech/Vmware'));
+const Sharepoint = lazy(() => import('./pages/tech/Sharepoint'));
+const Cisco = lazy(() => import('./pages/tech/Cisco'));

 // Avaliador de Maturidade Tecnológica
-import Avaliador from './pages/Avaliador';
-import Condominios from './pages/Condominios';
+const Avaliador = lazy(() => import('./pages/Avaliador'));
+const Condominios = lazy(() => import('./pages/Condominios'));

 // Landing Pages por Nicho
-import Contabilidade from './pages/nichos/Contabilidade';
-import Advocacia from './pages/nichos/Advocacia';
-import Monitoramento from './pages/nichos/Monitoramento';
-import FirewallPfSense from './pages/nichos/FirewallPfSense';
-import BackupCorporativo from './pages/nichos/BackupCorporativo';
-import VoipEmpresarial from './pages/nichos/VoipEmpresarial';
+const Contabilidade = lazy(() => import('./pages/nichos/Contabilidade'));
+const Advocacia = lazy(() => import('./pages/nichos/Advocacia'));
+const Monitoramento = lazy(() => import('./pages/nichos/Monitoramento'));
+const FirewallPfSense = lazy(() => import('./pages/nichos/FirewallPfSense'));
+const BackupCorporativo = lazy(() => import('./pages/nichos/BackupCorporativo'));
+const VoipEmpresarial = lazy(() => import('./pages/nichos/VoipEmpresarial'));

 // SEO Local - Onde Atuamos
-import OndeAtuamos from './pages/OndeAtuamos';
-import LocalGuarulhos from './pages/local-guarulhos';
-import LocalMogi from './pages/local-mogi-das-cruzes';
-import LocalIpiranga from './pages/local-ipiranga';
-import LocalVilaFormosa from './pages/local-vila-formosa';
-import LocalCerqueiraCesar from './pages/local-cerqueira-cesar';
-import LocalSantana from './pages/local-santana';
-import LocalBras from './pages/local-bras';
-import LocalRibeiraoPreto from './pages/local-ribeirao-preto';
+const OndeAtuamos = lazy(() => import('./pages/OndeAtuamos'));
+const LocalGuarulhos = lazy(() => import('./pages/local-guarulhos'));
+const LocalMogi = lazy(() => import('./pages/local-mogi-das-cruzes'));
+const LocalIpiranga = lazy(() => import('./pages/local-ipiranga'));
+const LocalVilaFormosa = lazy(() => import('./pages/local-vila-formosa'));
+const LocalCerqueiraCesar = lazy(() => import('./pages/local-cerqueira-cesar'));
+const LocalSantana = lazy(() => import('./pages/local-santana'));
+const LocalBras = lazy(() => import('./pages/local-bras'));
+const LocalRibeiraoPreto = lazy(() => import('./pages/local-ribeirao-preto'));

 // Nichos adicionais
-import NichoIndustria from './pages/nicho-industria';
-import NichoPortaria from './pages/nicho-portaria-remota';
-import NichoClinicas from './pages/nicho-clinicas';
-import NichoImobiliarias from './pages/nicho-imobiliarias';
-import NichoRecrutamento from './pages/nicho-recrutamento-selecao';
+const NichoIndustria = lazy(() => import('./pages/nicho-industria'));
+const NichoPortaria = lazy(() => import('./pages/nicho-portaria-remota'));
+const NichoClinicas = lazy(() => import('./pages/nicho-clinicas'));
+const NichoImobiliarias = lazy(() => import('./pages/nicho-imobiliarias'));
+const NichoRecrutamento = lazy(() => import('./pages/nicho-recrutamento-selecao'));
+
+// Avanzato Tools
+const Ferramentas = lazy(() => import('./pages/ferramentas'));
+const SpfChecker = lazy(() => import('./pages/ferramentas/SpfChecker'));
+const DkimChecker = lazy(() => import('./pages/ferramentas/DkimChecker'));
+const DmarcChecker = lazy(() => import('./pages/ferramentas/DmarcChecker'));
+const MxLookup = lazy(() => import('./pages/ferramentas/MxLookup'));
+const SslChecker = lazy(() => import('./pages/ferramentas/SslChecker'));
+const EmailSecurityScore = lazy(() => import('./pages/ferramentas/EmailSecurityScore'));
+const Microsoft365Analyzer = lazy(() => import('./pages/ferramentas/Microsoft365Analyzer'));

 import './App.css';

@@ -112,6 +124,13 @@ function ProgressBar() {
  );
 }

+// Loading simples para lazy load
+const PageLoader = () => (
+  <div className="min-h-screen bg-[#0e0e0e] flex items-center justify-center">
+    <div className="w-8 h-8 border-2 border-[#cbf400] border-t-transparent rounded-full animate-spin" />
+  </div>
+);
+
 function App() {
  return (
    <Router>
@@ -121,84 +140,96 @@ function App() {
        <Navigation />

        <main>
-          <Routes>
-            {/* Página Inicial */}
-            <Route path="/" element={<Home />} />
+          <Suspense fallback={<PageLoader />}>
+            <Routes>
+              {/* Página Inicial - carrega direto */}
+              <Route path="/" element={<Home />} />

-            {/* Sobre */}
-            <Route path="/sobre" element={<Sobre />} />
+              {/* Sobre */}
+              <Route path="/sobre" element={<Sobre />} />

-            {/* Serviços */}
-            <Route path="/servicos/ti-gerenciada" element={<TiGerenciada />} />
-            <Route path="/servicos/cloud-computing" element={<CloudComputing />} />
-            <Route path="/servicos/seguranca" element={<Seguranca />} />
-            <Route path="/servicos/suporte" element={<Suporte />} />
-            <Route path="/servicos/redes" element={<Redes />} />
-            <Route path="/servicos/pabx" element={<Pabx />} />
-            <Route path="/servicos/backup" element={<Backup />} />
-            <Route path="/servicos/servidores" element={<Servidores />} />
-            <Route path="/servicos/consultoria" element={<Consultoria />} />
-            <Route path="/servicos/noc" element={<Noc />} />
+              {/* Serviços */}
+              <Route path="/servicos/ti-gerenciada" element={<TiGerenciada />} />
+              <Route path="/servicos/cloud-computing" element={<CloudComputing />} />
+              <Route path="/servicos/seguranca" element={<Seguranca />} />
+              <Route path="/servicos/suporte" element={<Suporte />} />
+              <Route path="/servicos/redes" element={<Redes />} />
+              <Route path="/servicos/pabx" element={<Pabx />} />
+              <Route path="/servicos/backup" element={<Backup />} />
+              <Route path="/servicos/servidores" element={<Servidores />} />
+              <Route path="/servicos/consultoria" element={<Consultoria />} />
+              <Route path="/servicos/noc" element={<Noc />} />

-            {/* Blog */}
-            <Route path="/blog" element={<Blog />} />
-            <Route path="/blog/:slug" element={<BlogPost />} />
+              {/* Blog */}
+              <Route path="/blog" element={<Blog />} />
+              <Route path="/blog/:slug" element={<BlogPost />} />

-            {/* Cases */}
-            <Route path="/cases" element={<Cases />} />
+              {/* Cases */}
+              <Route path="/cases" element={<Cases />} />

-            {/* Tecnologias (SEO) */}
-            <Route path="/tecnologias" element={<Tecnologias />} />
-            <Route path="/suporte-windows-server" element={<WindowsServer />} />
-            <Route path="/suporte-linux-empresas" element={<Linux />} />
-            <Route path="/suporte-pfsense" element={<PfSense />} />
-            <Route path="/suporte-proxmox" element={<Proxmox />} />
-            <Route path="/suporte-vmware" element={<Vmware />} />
-            <Route path="/suporte-sharepoint" element={<Sharepoint />} />
-            <Route path="/suporte-redes-cisco" element={<Cisco />} />
+              {/* Tecnologias (SEO) */}
+              <Route path="/tecnologias" element={<Tecnologias />} />
+              <Route path="/suporte-windows-server" element={<WindowsServer />} />
+              <Route path="/suporte-linux-empresas" element={<Linux />} />
+              <Route path="/suporte-pfsense" element={<PfSense />} />
+              <Route path="/suporte-proxmox" element={<Proxmox />} />
+              <Route path="/suporte-vmware" element={<Vmware />} />
+              <Route path="/suporte-sharepoint" element={<Sharepoint />} />
+              <Route path="/suporte-redes-cisco" element={<Cisco />} />

-            {/* Avaliador de Maturidade */}
-            <Route path="/avaliacao" element={<Avaliador />} />
+              {/* Avaliador de Maturidade */}
+              <Route path="/avaliacao" element={<Avaliador />} />

-            {/* Tecnologia para Condomínios */}
-            <Route path="/tecnologia-para-condominios" element={<Condominios />} />
+              {/* Tecnologia para Condomínios */}
+              <Route path="/tecnologia-para-condominios" element={<Condominios />} />

-            {/* Landing Pages por Nicho */}
-            <Route path="/ti-para-contabilidades" element={<Contabilidade />} />
-            <Route path="/ti-para-advocacias" element={<Advocacia />} />
-            <Route path="/monitoramento-empresarial" element={<Monitoramento />} />
-            <Route path="/firewall-pfsense-empresarial" element={<FirewallPfSense />} />
-            <Route path="/backup-corporativo" element={<BackupCorporativo />} />
-            <Route path="/voip-empresarial" element={<VoipEmpresarial />} />
+              {/* Landing Pages por Nicho */}
+              <Route path="/ti-para-contabilidades" element={<Contabilidade />} />
+              <Route path="/ti-para-advocacias" element={<Advocacia />} />
+              <Route path="/monitoramento-empresarial" element={<Monitoramento />} />
+              <Route path="/firewall-pfsense-empresarial" element={<FirewallPfSense />} />
+              <Route path="/backup-corporativo" element={<BackupCorporativo />} />
+              <Route path="/voip-empresarial" element={<VoipEmpresarial />} />

-            {/* SEO Local - Onde Atuamos */}
-            <Route path="/onde-atuamos" element={<OndeAtuamos />} />
-            <Route path="/suporte-ti-guarulhos" element={<LocalGuarulhos />} />
-            <Route path="/suporte-ti-mogi-das-cruzes" element={<LocalMogi />} />
-            <Route path="/suporte-ti-ipiranga" element={<LocalIpiranga />} />
-            <Route path="/suporte-ti-vila-formosa" element={<LocalVilaFormosa />} />
-            <Route path="/suporte-ti-cerqueira-cesar" element={<LocalCerqueiraCesar />} />
-            <Route path="/suporte-ti-santana" element={<LocalSantana />} />
-            <Route path="/suporte-ti-bras" element={<LocalBras />} />
-            <Route path="/suporte-ti-ribeirao-preto" element={<LocalRibeiraoPreto />} />
+              {/* SEO Local - Onde Atuamos */}
+              <Route path="/onde-atuamos" element={<OndeAtuamos />} />
+              <Route path="/suporte-ti-guarulhos" element={<LocalGuarulhos />} />
+              <Route path="/suporte-ti-mogi-das-cruzes" element={<LocalMogi />} />
+              <Route path="/suporte-ti-ipiranga" element={<LocalIpiranga />} />
+              <Route path="/suporte-ti-vila-formosa" element={<LocalVilaFormosa />} />
+              <Route path="/suporte-ti-cerqueira-cesar" element={<LocalCerqueiraCesar />} />
+              <Route path="/suporte-ti-santana" element={<LocalSantana />} />
+              <Route path="/suporte-ti-bras" element={<LocalBras />} />
+              <Route path="/suporte-ti-ribeirao-preto" element={<LocalRibeiraoPreto />} />

-            {/* Nichos adicionais */}
-            <Route path="/suporte-ti-industria" element={<NichoIndustria />} />
-            <Route path="/suporte-ti-portaria-remota" element={<NichoPortaria />} />
-            <Route path="/suporte-ti-clinicas" element={<NichoClinicas />} />
-            <Route path="/suporte-ti-imobiliarias" element={<NichoImobiliarias />} />
-            <Route path="/suporte-ti-recrutamento-selecao" element={<NichoRecrutamento />} />
+              {/* Nichos adicionais */}
+              <Route path="/suporte-ti-industria" element={<NichoIndustria />} />
+              <Route path="/suporte-ti-portaria-remota" element={<NichoPortaria />} />
+              <Route path="/suporte-ti-clinicas" element={<NichoClinicas />} />
+              <Route path="/suporte-ti-imobiliarias" element={<NichoImobiliarias />} />
+              <Route path="/suporte-ti-recrutamento-selecao" element={<NichoRecrutamento />} />

-            {/* Contato */}
-            <Route path="/contato" element={<Contato />} />
+              {/* Contato */}
+              <Route path="/contato" element={<Contato />} />

-            {/* Páginas Legais */}
-            <Route path="/privacidade" element={<Privacidade />} />
-            <Route path="/termos" element={<Termos />} />
+              {/* Páginas Legais */}
+              <Route path="/privacidade" element={<Privacidade />} />
+              <Route path="/termos" element={<Termos />} />

-            {/* 404 */}
-            <Route path="*" element={<NotFound />} />
-          </Routes>
+              {/* Avanzato Tools */}
+              <Route path="/ferramentas" element={<Ferramentas />} />
+              <Route path="/ferramentas/spf-checker" element={<SpfChecker />} />
+              <Route path="/ferramentas/dkim-checker" element={<DkimChecker />} />
+              <Route path="/ferramentas/dmarc-checker" element={<DmarcChecker />} />
+              <Route path="/ferramentas/mx-lookup" element={<MxLookup />} />
+              <Route path="/ferramentas/ssl-checker" element={<SslChecker />} />
+              <Route path="/ferramentas/email-security-score" element={<EmailSecurityScore />} />
+              <Route path="/ferramentas/microsoft-365-analyzer" element={<Microsoft365Analyzer />} />
+
+              {/* 404 */}
+              <Route path="*" element={<NotFound />} />
+            </Routes>
+          </Suspense>
        </main>

        <Footer />
@@ -0,0 +1,368 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { ArrowLeft, ArrowRight, CheckCircle, AlertTriangle, XCircle, Info, Loader2 } from 'lucide-react';
+
+export interface ResultadoFerramenta {
+  status: 'success' | 'warning' | 'error' | 'info';
+  titulo: string;
+  mensagem: string;
+  detalhes?: Record<string, string>;
+  recomendacoes?: string[];
+  score?: number;
+}
+
+interface FerramentaLayoutProps {
+  nome: string;
+  descricao: string;
+  icone: React.ReactNode;
+  placeholder: string;
+  explicacao: string;
+  comoFunciona: string[];
+  perguntasUteis: { q: string; a: string }[];
+  onConsultar: (dominio: string) => Promise<ResultadoFerramenta>;
+  schema?: Record<string, any>;
+}
+
+const contagemKey = (slug: string) => `avanzato-tools-count-${slug}`;
+const cadastroKey = 'avanzato-tools-cadastro';
+
+const FerramentaLayout = ({
+  nome,
+  descricao,
+  icone,
+  placeholder,
+  explicacao,
+  comoFunciona,
+  perguntasUteis,
+  onConsultar,
+}: FerramentaLayoutProps) => {
+  const [dominio, setDominio] = useState('');
+  const [resultado, setResultado] = useState<ResultadoFerramenta | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [erro, setErro] = useState('');
+  const [mostrarCadastro, setMostrarCadastro] = useState(false);
+  const [cadastrado, setCadastrado] = useState(false);
+  const [consultas, setConsultas] = useState(() => {
+    const slug = window.location.pathname.split('/').pop() || '';
+    return parseInt(localStorage.getItem(contagemKey(slug)) || '0', 10);
+  });
+  const [feedbackUtil, setFeedbackUtil] = useState<'sim' | 'nao' | null>(null);
+  const [feedbackTexto, setFeedbackTexto] = useState('');
+  const [mostrarDor, setMostrarDor] = useState(false);
+  const [dorTI, setDorTI] = useState('');
+  const [urgencia, setUrgencia] = useState('');
+
+  const slug = window.location.pathname.split('/').pop() || '';
+
+  const podeConsultar = () => {
+    if (cadastrado) return true;
+    if (consultas < 2) return true;
+    return false;
+  };
+
+  const handleConsultar = async () => {
+    if (!dominio.trim()) {
+      setErro('Digite um dominio valido (ex: avanzato.com.br)');
+      return;
+    }
+
+    if (!podeConsultar()) {
+      setMostrarCadastro(true);
+      return;
+    }
+
+    setErro('');
+    setLoading(true);
+    setResultado(null);
+
+    try {
+      const res = await onConsultar(dominio.trim());
+      setResultado(res);
+
+      // Incrementar contagem
+      const novaContagem = consultas + 1;
+      setConsultas(novaContagem);
+      localStorage.setItem(contagemKey(slug), String(novaContagem));
+
+      // Se atingiu limite, mostrar cadastro
+      if (novaContagem >= 2 && !cadastrado) {
+        setTimeout(() => setMostrarDor(true), 2000);
+      }
+    } catch (err) {
+      setErro('Erro ao consultar. Verifique o dominio e tente novamente.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleCadastro = (e: React.FormEvent) => {
+    e.preventDefault();
+    setCadastrado(true);
+    localStorage.setItem(cadastroKey, 'true');
+    setMostrarCadastro(false);
+  };
+
+  const statusIcon = (status: string) => {
+    switch (status) {
+      case 'success': return <CheckCircle className="w-8 h-8 text-green-400" />;
+      case 'warning': return <AlertTriangle className="w-8 h-8 text-yellow-400" />;
+      case 'error': return <XCircle className="w-8 h-8 text-red-400" />;
+      default: return <Info className="w-8 h-8 text-blue-400" />;
+    }
+  };
+
+  const doresTI = [
+    'Seguranca da informacao',
+    'Backup',
+    'Microsoft 365',
+    'Firewall',
+    'Servidores',
+    'Lentidao da rede',
+    'VPN / Home Office',
+    'Suporte aos usuarios',
+    'Custos de TI',
+    'LGPD',
+    'Ransomware',
+    'Outro',
+  ];
+
+  const urgencias = [
+    'Apenas pesquisando',
+    'Quero melhorar nos proximos meses',
+    'Preciso resolver este mes',
+    'Preciso resolver imediatamente',
+  ];
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      {/* Header */}
+      <div className="mb-8">
+        <Link to="/ferramentas" className="inline-flex items-center gap-2 text-gray-400 hover:text-[#cbf400] transition-colors mb-4">
+          <ArrowLeft className="w-4 h-4" />
+          Todas as ferramentas
+        </Link>
+        <div className="flex items-center gap-4 mb-4">
+          <div className="p-3 bg-[#cbf400]/10 rounded-xl text-[#cbf400]">{icone}</div>
+          <div>
+            <h1 className="text-3xl font-bold text-white">{nome}</h1>
+            <p className="text-gray-300">{descricao}</p>
+          </div>
+        </div>
+      </div>
+
+      {/* Formulario */}
+      <div className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#2a2a2a] mb-8">
+        <div className="flex gap-4">
+          <input
+            type="text"
+            value={dominio}
+            onChange={(e) => setDominio(e.target.value)}
+            onKeyDown={(e) => e.key === 'Enter' && handleConsultar()}
+            placeholder={placeholder}
+            className="flex-1 bg-[#0e0e0e] border border-[#2a2a2a] rounded-xl px-4 py-3 text-white placeholder-gray-500 focus:border-[#cbf400] focus:outline-none"
+          />
+          <button
+            onClick={handleConsultar}
+            disabled={loading}
+            className="bg-[#cbf400] text-[#0e0e0e] px-6 py-3 rounded-xl font-semibold hover:bg-[#b8e000] transition-colors disabled:opacity-50 flex items-center gap-2"
+          >
+            {loading && <Loader2 className="w-4 h-4 animate-spin" />}
+            {loading ? 'Analisando...' : 'Verificar'}
+          </button>
+        </div>
+        {erro && <p className="text-red-400 mt-3 text-sm">{erro}</p>}
+
+        {!cadastrado && consultas >= 2 && (
+          <p className="text-yellow-400 mt-3 text-sm">
+            Voce usou {consultas} consultas. <button onClick={() => setMostrarCadastro(true)} className="underline hover:text-[#cbf400]">Cadastre-se gratuitamente</button> para consultas ilimitadas.
+          </p>
+        )}
+      </div>
+
+      {/* Resultado */}
+      {resultado && (
+        <div className={`bg-[#1a1a1a] rounded-2xl p-6 border mb-8 ${
+          resultado.status === 'success' ? 'border-green-500/30' :
+          resultado.status === 'warning' ? 'border-yellow-500/30' :
+          resultado.status === 'error' ? 'border-red-500/30' : 'border-blue-500/30'
+        }`}>
+          <div className="flex items-center gap-4 mb-4">
+            {statusIcon(resultado.status)}
+            <div>
+              <h2 className="text-xl font-semibold text-white">{resultado.titulo}</h2>
+              {resultado.score !== undefined && (
+                <div className="flex items-center gap-2 mt-1">
+                  <div className="w-32 h-2 bg-gray-700 rounded-full overflow-hidden">
+                    <div
+                      className={`h-full rounded-full ${
+                        resultado.score >= 80 ? 'bg-green-400' :
+                        resultado.score >= 50 ? 'bg-yellow-400' : 'bg-red-400'
+                      }`}
+                      style={{ width: `${resultado.score}%` }}
+                    />
+                  </div>
+                  <span className="text-sm font-medium text-white">{resultado.score}/100</span>
+                </div>
+              )}
+            </div>
+          </div>
+          <p className="text-gray-300 mb-4">{resultado.mensagem}</p>
+
+          {resultado.detalhes && Object.entries(resultado.detalhes).length > 0 && (
+            <div className="bg-[#0e0e0e] rounded-xl p-4 mb-4">
+              {Object.entries(resultado.detalhes).map(([key, value]) => (
+                <div key={key} className="flex justify-between py-2 border-b border-[#2a2a2a] last:border-0">
+                  <span className="text-gray-400">{key}</span>
+                  <span className="text-white font-mono text-sm">{value}</span>
+                </div>
+              ))}
+            </div>
+          )}
+
+          {resultado.recomendacoes && resultado.recomendacoes.length > 0 && (
+            <div>
+              <h3 className="text-sm font-semibold text-[#cbf400] mb-2">Recomendacoes</h3>
+              <ul className="space-y-2">
+                {resultado.recomendacoes.map((r, i) => (
+                  <li key={i} className="flex items-start gap-2 text-gray-300 text-sm">
+                    <CheckCircle className="w-4 h-4 text-[#cbf400] mt-0.5 shrink-0" />
+                    {r}
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Cadastro */}
+      {mostrarCadastro && !cadastrado && (
+        <div className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#cbf400]/30 mb-8">
+          <h2 className="text-xl font-semibold text-white mb-2">Cadastro Rapido Gratuito</h2>
+          <p className="text-gray-300 text-sm mb-4">
+            Voce ja usou 2 consultas gratuitas. Cadastre-se para consultas ilimitadas e relatorios completos.
+          </p>
+          <form onSubmit={handleCadastro} className="space-y-3">
+            <input type="text" placeholder="Nome" required className="w-full bg-[#0e0e0e] border border-[#2a2a2a] rounded-xl px-4 py-3 text-white placeholder-gray-500 focus:border-[#cbf400] focus:outline-none" />
+            <input type="email" placeholder="E-mail corporativo" required className="w-full bg-[#0e0e0e] border border-[#2a2a2a] rounded-xl px-4 py-3 text-white placeholder-gray-500 focus:border-[#cbf400] focus:outline-none" />
+            <input type="text" placeholder="Empresa" required className="w-full bg-[#0e0e0e] border border-[#2a2a2a] rounded-xl px-4 py-3 text-white placeholder-gray-500 focus:border-[#cbf400] focus:outline-none" />
+            <p className="text-gray-500 text-xs">
+              Autorizo a Avanzato Tecnologia a enviar conteudos tecnicos, diagnosticos e informacoes sobre solucoes de TI, seguranca e Microsoft 365.
+            </p>
+            <button type="submit" className="bg-[#cbf400] text-[#0e0e0e] px-6 py-3 rounded-xl font-semibold hover:bg-[#b8e000] transition-colors">
+              Cadastrar e Continuar
+            </button>
+          </form>
+        </div>
+      )}
+
+      {/* Dor de TI */}
+      {mostrarDor && !cadastrado && (
+        <div className="bg-[#1a1a1a] rounded-2xl p-6 border border-yellow-500/30 mb-8">
+          <h2 className="text-lg font-semibold text-white mb-4">Qual e hoje sua maior dor em TI?</h2>
+          <div className="grid grid-cols-2 md:grid-cols-3 gap-2 mb-4">
+            {doresTI.map(d => (
+              <button key={d} onClick={() => setDorTI(d)} className={`p-2 rounded-lg text-sm transition-colors ${dorTI === d ? 'bg-[#cbf400] text-[#0e0e0e]' : 'bg-[#0e0e0e] text-gray-300 hover:bg-[#2a2a2a]'}`}>
+                {d}
+              </button>
+            ))}
+          </div>
+          {dorTI && (
+            <div className="mt-4">
+              <h3 className="text-sm font-semibold text-white mb-2">Qual a urgencia?</h3>
+              <div className="flex flex-wrap gap-2 mb-4">
+                {urgencias.map(u => (
+                  <button key={u} onClick={() => setUrgencia(u)} className={`px-3 py-2 rounded-lg text-sm transition-colors ${urgencia === u ? 'bg-[#cbf400] text-[#0e0e0e]' : 'bg-[#0e0e0e] text-gray-300 hover:bg-[#2a2a2a]'}`}>
+                    {u}
+                  </button>
+                ))}
+              </div>
+            </div>
+          )}
+          {dorTI && urgencia && (
+            <div className="flex gap-4 mt-4">
+              <Link to="/avaliacao" className="bg-[#cbf400] text-[#0e0e0e] px-6 py-3 rounded-xl font-semibold hover:bg-[#b8e000] transition-colors inline-flex items-center gap-2">
+                Solicitar Avaliacao Gratuita <ArrowRight className="w-4 h-4" />
+              </Link>
+              <button onClick={() => setMostrarCadastro(true)} className="border border-[#cbf400] text-[#cbf400] px-6 py-3 rounded-xl font-semibold hover:bg-[#cbf400]/10 transition-colors">
+                Cadastrar para Relatorio Completo
+              </button>
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Feedback */}
+      {resultado && (
+        <div className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#2a2a2a] mb-8">
+          <h3 className="text-lg font-semibold text-white mb-3">Esta ferramenta foi util?</h3>
+          {feedbackUtil === null ? (
+            <div className="flex gap-4">
+              <button onClick={() => setFeedbackUtil('sim')} className="bg-green-500/20 text-green-400 px-6 py-2 rounded-lg hover:bg-green-500/30 transition-colors">
+                Sim, foi util
+              </button>
+              <button onClick={() => setFeedbackUtil('nao')} className="bg-red-500/20 text-red-400 px-6 py-2 rounded-lg hover:bg-red-500/30 transition-colors">
+                Nao, faltou algo
+              </button>
+            </div>
+          ) : feedbackUtil === 'sim' ? (
+            <div>
+              <p className="text-green-400 mb-4">Que otimo! A Avanzato investe em ferramentas gratuitas para ajudar empresas a proteger sua infraestrutura de TI.</p>
+              <div className="flex flex-wrap gap-3">
+                <Link to="/avaliacao" className="bg-[#cbf400] text-[#0e0e0e] px-4 py-2 rounded-lg font-medium hover:bg-[#b8e000] transition-colors inline-flex items-center gap-2">
+                  Solicitar Avaliacao Gratuita <ArrowRight className="w-4 h-4" />
+                </Link>
+                <button onClick={() => setMostrarCadastro(true)} className="border border-[#cbf400] text-[#cbf400] px-4 py-2 rounded-lg hover:bg-[#cbf400]/10 transition-colors">
+                  Receber Relatorio Completo
+                </button>
+              </div>
+            </div>
+          ) : (
+            <div>
+              <p className="text-gray-300 mb-2">O que faltou ou o que podemos melhorar?</p>
+              <textarea
+                value={feedbackTexto}
+                onChange={(e) => setFeedbackTexto(e.target.value)}
+                className="w-full bg-[#0e0e0e] border border-[#2a2a2a] rounded-xl px-4 py-3 text-white placeholder-gray-500 focus:border-[#cbf400] focus:outline-none h-24"
+                placeholder="Conte-nos como podemos melhorar..."
+              />
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Conteudo explicativo */}
+      <div className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#2a2a2a] mb-8">
+        <h2 className="text-xl font-semibold text-white mb-4">O que e {nome.split(' ')[0]}?</h2>
+        <p className="text-gray-300 mb-6">{explicacao}</p>
+
+        <h3 className="text-lg font-semibold text-white mb-3">Como funciona</h3>
+        <ol className="space-y-2 mb-6">
+          {comoFunciona.map((passo, i) => (
+            <li key={i} className="flex items-start gap-3 text-gray-300">
+              <span className="w-6 h-6 bg-[#cbf400]/20 text-[#cbf400] rounded-full flex items-center justify-center text-sm font-medium shrink-0">{i + 1}</span>
+              {passo}
+            </li>
+          ))}
+        </ol>
+      </div>
+
+      {/* FAQ da ferramenta */}
+      {perguntasUteis.length > 0 && (
+        <div className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#2a2a2a] mb-8">
+          <h2 className="text-xl font-semibold text-white mb-4">Perguntas Frequentes sobre {nome.split(' ')[0]}</h2>
+          <div className="space-y-4">
+            {perguntasUteis.map((faq, i) => (
+              <div key={i} className="border-b border-[#2a2a2a] pb-4 last:border-0">
+                <h3 className="text-[#cbf400] font-medium mb-1">{faq.q}</h3>
+                <p className="text-gray-300 text-sm">{faq.a}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default FerramentaLayout;
@@ -0,0 +1,373 @@
+// ============================================================================
+// DNS/SSL API - Consultas via APIs publicas
+// ============================================================================
+// Usa APIs gratuitas para consultar registros DNS, SSL, MX, SPF, DKIM, DMARC
+// ============================================================================
+
+import type { ResultadoFerramenta } from './FerramentaLayout';
+
+// Helper para chamar a API do Google DNS
+async function queryDNS(name: string, type: string): Promise<any> {
+  try {
+    const res = await fetch(`https://dns.google/resolve?name=${encodeURIComponent(name)}&type=${type}`);
+    return await res.json();
+  } catch {
+    return { Status: 2, Answer: [] };
+  }
+}
+
+// Verificar SPF
+export async function checkSPF(dominio: string): Promise<ResultadoFerramenta> {
+  const data = await queryDNS(dominio, 'TXT');
+  const records = (data.Answer || []).filter((r: any) => r.data && r.data.includes('v=spf1'));
+
+  if (records.length === 0) {
+    return {
+      status: 'error',
+      titulo: 'SPF Nao Encontrado',
+      mensagem: `O dominio ${dominio} nao possui um registro SPF configurado. Sem SPF, qualquer pessoa pode enviar e-mails em nome do seu dominio, o que facilita ataques de phishing e spoofing.`,
+      detalhes: { Dominio: dominio, Registro: 'Nao encontrado' },
+      recomendacoes: [
+        'Crie um registro TXT no DNS com a politica SPF',
+        'Exemplo: v=spf1 include:_spf.google.com ~all (para Microsoft 365/Google Workspace)',
+        'Use o mecanismo ~all (softfail) inicialmente para testes',
+        'Monitore os logs antes de usar -all (hardfail)',
+        'Consulte a Avanzato para configuracao personalizada',
+      ],
+      score: 0,
+    };
+  }
+
+  const spf = records[0].data.replace(/"/g, '');
+  const hasAll = spf.includes('-all') || spf.includes('~all') || spf.includes('?all');
+  const isHardFail = spf.includes('-all');
+  const includes = spf.match(/include:[^\s]+/g) || [];
+  const ip4 = spf.match(/ip4:[^\s]+/g) || [];
+  const ip6 = spf.match(/ip6:[^\s]+/g) || [];
+
+  let status: 'success' | 'warning' | 'error' = 'warning';
+  let score = 60;
+  let recomendacoes: string[] = [];
+
+  if (isHardFail) { status = 'success'; score = 90; }
+  else if (spf.includes('~all')) { status = 'warning'; score = 70; recomendacoes.push('Considere mudar ~all para -all para protecao mais forte'); }
+  else if (!hasAll) { status = 'error'; score = 30; recomendacoes.push('Adicione ~all ou -all ao final do seu SPF'); }
+
+  if (includes.length > 10) { score -= 20; recomendacoes.push('Voce tem muitos includes. Mais de 10 lookups pode quebrar o SPF'); }
+
+  return {
+    status,
+    titulo: status === 'success' ? 'SPF Configurado Corretamente' : 'SPF Configurado com Ressalvas',
+    mensagem: `O dominio ${dominio} possui um registro SPF ${isHardFail ? 'com protecao rigida (-all)' : hasAll ? 'mas sem protecao rigida' : 'mas sem mecanismo de falha'}.`,
+    detalhes: {
+      Dominio: dominio,
+      Registro: spf.substring(0, 100),
+      Mecanismo: isHardFail ? '-all (hardfail)' : spf.includes('~all') ? '~all (softfail)' : 'Sem all',
+      Includes: String(includes.length),
+      'IPs v4': String(ip4.length),
+      'IPs v6': String(ip6.length),
+    },
+    recomendacoes: recomendacoes.length > 0 ? recomendacoes : ['Seu SPF esta bem configurado!', 'Monitore regularmente para garantir que todos os servidores legitimos estejam incluidos'],
+    score,
+  };
+}
+
+// Verificar DKIM
+export async function checkDKIM(dominio: string): Promise<ResultadoFerramenta> {
+  const selectors = ['default', 'google', 'selector1', 'selector2', 'mail', 'dkim'];
+  let found = false;
+  let validSelector = '';
+  let dkimRecord = '';
+
+  for (const selector of selectors) {
+    const data = await queryDNS(`${selector}._domainkey.${dominio}`, 'TXT');
+    if (data.Answer && data.Answer.length > 0) {
+      const record = data.Answer[0].data;
+      if (record.includes('v=DKIM1') || record.includes('k=rsa')) {
+        found = true;
+        validSelector = selector;
+        dkimRecord = record.replace(/"/g, '').substring(0, 80);
+        break;
+      }
+    }
+  }
+
+  if (!found) {
+    return {
+      status: 'warning',
+      titulo: 'DKIM Nao Encontrado',
+      mensagem: `Nao foi possivel encontrar um registro DKIM valido para ${dominio} com os selectors comuns. Isso nao significa que nao existe, mas pode indicar que nao esta configurado ou usa um selector personalizado.`,
+      detalhes: { Dominio: dominio, 'Selectors testados': selectors.join(', ') },
+      recomendacoes: [
+        'Verifique qual selector seu servidor de e-mail usa',
+        'Para Microsoft 365: selector1 e selector2',
+        'Para Google Workspace: google',
+        'Entre em contato com seu administrador de e-mail',
+        'A Avanzato pode configurar DKIM para seu dominio',
+      ],
+      score: 30,
+    };
+  }
+
+  return {
+    status: 'success',
+    titulo: 'DKIM Configurado',
+    mensagem: `DKIM encontrado com o selector "${validSelector}". Seu dominio possui assinatura digital para autenticacao de e-mails.`,
+    detalhes: {
+      Dominio: dominio,
+      Selector: validSelector,
+      Registro: dkimRecord + '...',
+    },
+    recomendacoes: [
+      'DKIM esta configurado corretamente!',
+      'Certifique-se de que todos os servidores de e-mail assinam com DKIM',
+      'Renove as chaves DKIM periodicamente',
+    ],
+    score: 85,
+  };
+}
+
+// Verificar DMARC
+export async function checkDMARC(dominio: string): Promise<ResultadoFerramenta> {
+  const data = await queryDNS(`_dmarc.${dominio}`, 'TXT');
+  const records = (data.Answer || []).filter((r: any) => r.data && r.data.includes('v=DMARC1'));
+
+  if (records.length === 0) {
+    return {
+      status: 'error',
+      titulo: 'DMARC Nao Encontrado',
+      mensagem: `O dominio ${dominio} nao possui DMARC configurado. Sem DMARC, voce nao recebe relatorios sobre falhas de autenticacao e nao pode instruir provedores a rejeitar e-mails falsos.`,
+      detalhes: { Dominio: dominio, Registro: 'Nao encontrado' },
+      recomendacoes: [
+        'Crie um registro TXT em _dmarc.seudominio.com',
+        'Exemplo: v=DMARC1; p=quarantine; rua=mailto:dmarc@seudominio.com',
+        'Comece com p=none para monitorar, depois mude para quarantine ou reject',
+        'Configure rua para receber relatorios agregados',
+        'Consulte a Avanzato para configuracao completa',
+      ],
+      score: 0,
+    };
+  }
+
+  const dmarc = records[0].data.replace(/"/g, '');
+  const policy = dmarc.match(/p=(\w+)/)?.[1] || 'none';
+  const rua = dmarc.match(/rua=([^;]+)/)?.[1] || 'Nao configurado';
+
+  let status: 'success' | 'warning' | 'error' = 'warning';
+  let score = 50;
+
+  if (policy === 'reject') { status = 'success'; score = 100; }
+  else if (policy === 'quarantine') { status = 'warning'; score = 75; }
+  else { status = 'error'; score = 40; }
+
+  return {
+    status,
+    titulo: policy === 'reject' ? 'DMARC com Protecao Maxima' : 'DMARC Configurado',
+    mensagem: `DMARC encontrado com politica "${policy}". ${policy === 'reject' ? 'E-mails que falham na autenticacao serao rejeitados.' : policy === 'quarantine' ? 'E-mails suspeitos vao para spam.' : 'Apenas monitorando, sem acao sobre e-mails falsos.'}`,
+    detalhes: {
+      Dominio: dominio,
+      Politica: policy,
+      'Relatorios (rua)': rua,
+      Registro: dmarc.substring(0, 80) + '...',
+    },
+    recomendacoes: policy === 'reject'
+      ? ['Excelente! Sua protecao DMARC esta no nivel maximo']
+      : [`Considere mudar p=${policy} para p=reject para protecao total`, 'Monitore os relatorios rua antes de mudar para reject'],
+    score,
+  };
+}
+
+// MX Lookup
+export async function checkMX(dominio: string): Promise<ResultadoFerramenta> {
+  const data = await queryDNS(dominio, 'MX');
+  const records = (data.Answer || []).sort((a: any, b: any) => a.preference - b.preference);
+
+  if (records.length === 0) {
+    return {
+      status: 'error',
+      titulo: 'Registros MX Nao Encontrados',
+      mensagem: `O dominio ${dominio} nao possui registros MX. Sem MX, o dominio nao pode receber e-mails.`,
+      detalhes: { Dominio: dominio, Status: 'Sem MX' },
+      recomendacoes: [
+        'Configure registros MX no DNS do seu dominio',
+        'Para Microsoft 365: siga o assistente de configuracao',
+        'Para Google Workspace: adicione os MX do Google',
+      ],
+      score: 0,
+    };
+  }
+
+  const mxProviders = records.map((r: any) => r.data).join(', ');
+  const isMicrosoft = mxProviders.toLowerCase().includes('microsoft') || mxProviders.toLowerCase().includes('outlook') || mxProviders.toLowerCase().includes('protection');
+  const isGoogle = mxProviders.toLowerCase().includes('google') || mxProviders.toLowerCase().includes('aspmx');
+  const provider = isMicrosoft ? 'Microsoft 365 / Exchange Online' : isGoogle ? 'Google Workspace' : 'Outro / Servidor Proprio';
+
+  return {
+    status: 'success',
+    titulo: `${records.length} Servidor(es) MX Encontrado(s)`,
+    mensagem: `O dominio ${dominio} esta configurado para receber e-mails via ${provider}.`,
+    detalhes: {
+      Dominio: dominio,
+      'Servidores MX': String(records.length),
+      Provedor: provider,
+      'Prioridade mais alta': records[0].data,
+    },
+    recomendacoes: [
+      'Sua infraestrutura de e-mail esta configurada',
+      `Voce esta usando: ${provider}`,
+      'Mantenha pelo menos 2 servidores MX para redundancia',
+    ],
+    score: 90,
+  };
+}
+
+// SSL Checker
+export async function checkSSL(dominio: string): Promise<ResultadoFerramenta> {
+  try {
+    // Usar a API do crt.sh para verificar certificados
+    const res = await fetch(`https://crt.sh/?q=${encodeURIComponent(dominio)}&output=json`);
+    const data = await res.json();
+
+    if (!data || data.length === 0) {
+      return {
+        status: 'warning',
+        titulo: 'Certificado SSL Nao Encontrado',
+        mensagem: `Nao foi possivel encontrar informacoes de certificado SSL para ${dominio} no banco de dados publico. Isso pode significar que o site nao usa HTTPS ou o certificado nao e publico.`,
+        score: 30,
+      };
+    }
+
+    const cert = data[0];
+    const issuer = cert.issuer_name || 'Desconhecido';
+    const notAfter = cert.not_after ? new Date(cert.not_after) : null;
+    const diasRestantes = notAfter ? Math.floor((notAfter.getTime() - Date.now()) / (1000 * 60 * 60 * 24)) : 0;
+    const isExpired = diasRestantes < 0;
+    const isExpiringSoon = diasRestantes < 30 && diasRestantes > 0;
+
+    let status: 'success' | 'warning' | 'error' = 'success';
+    let score = 90;
+
+    if (isExpired) { status = 'error'; score = 0; }
+    else if (isExpiringSoon) { status = 'warning'; score = 50; }
+
+    return {
+      status,
+      titulo: isExpired ? 'Certificado SSL Expirado!' : isExpiringSoon ? 'Certificado SSL Vence em Breve' : 'Certificado SSL Valido',
+      mensagem: isExpired
+        ? `O certificado SSL de ${dominio} EXPIROU em ${notAfter?.toLocaleDateString('pt-BR')}. Seu site esta inseguro!`
+        : `Certificado SSL de ${dominio} emitido por ${issuer.split('=').pop()}. ${isExpiringSoon ? `Vence em ${diasRestantes} dias.` : `Valido ate ${notAfter?.toLocaleDateString('pt-BR')}.`}`,
+      detalhes: {
+        Dominio: dominio,
+        Emissor: issuer.split('=').pop() || issuer,
+        'Valido ate': notAfter?.toLocaleDateString('pt-BR') || 'Desconhecido',
+        'Dias restantes': String(diasRestantes),
+      },
+      recomendacoes: isExpired
+        ? ['RENOVE IMEDIATAMENTE seu certificado SSL', 'Use Let\'s Encrypt (gratuito) ou contrate um certificado pago', 'Entre em contato com a Avanzato para renovacao urgente']
+        : isExpiringSoon
+        ? [`Renove seu certificado nos proximos ${diasRestantes} dias`, 'Configure renovacao automatica', 'Considere usar Let\'s Encrypt com auto-renew']
+        : ['Seu certificado SSL esta valido!', 'Configure renovacao automatica para evitar expiracao', 'Monitore a data de vencimento'],
+      score,
+    };
+  } catch {
+    return {
+      status: 'info',
+      titulo: 'Verificacao de SSL',
+      mensagem: `Nao foi possivel verificar o SSL de ${dominio} externamente. Verifique diretamente no navegador clicando no cadeado ao lado da URL.`,
+      score: 50,
+    };
+  }
+}
+
+// Email Security Score
+export async function checkEmailSecurity(dominio: string): Promise<ResultadoFerramenta> {
+  const [spf, dkim, dmarc, mx] = await Promise.all([
+    checkSPF(dominio),
+    checkDKIM(dominio),
+    checkDMARC(dominio),
+    checkMX(dominio),
+  ]);
+
+  const scores = [spf.score || 0, dkim.score || 0, dmarc.score || 0, mx.score || 0];
+  const media = Math.floor(scores.reduce((a, b) => a + b, 0) / scores.length);
+
+  let status: 'success' | 'warning' | 'error' = 'success';
+  if (media < 50) status = 'error';
+  else if (media < 80) status = 'warning';
+
+  return {
+    status,
+    titulo: `Email Security Score: ${media}/100`,
+    mensagem: media >= 80
+      ? `A seguranca de e-mail de ${dominio} esta boa! Score: ${media}/100.`
+      : media >= 50
+      ? `A seguranca de e-mail de ${dominio} precisa de atencao. Score: ${media}/100.`
+      : `A seguranca de e-mail de ${dominio} esta critica! Score: ${media}/100.`,
+    detalhes: {
+      Dominio: dominio,
+      'Score Total': `${media}/100`,
+      'SPF': `${spf.score}/100 (${spf.status === 'success' ? 'OK' : 'Problema'})`,
+      'DKIM': `${dkim.score}/100 (${dkim.status === 'success' ? 'OK' : 'Atenção'})`,
+      'DMARC': `${dmarc.score}/100 (${dmarc.status === 'success' ? 'OK' : 'Problema'})`,
+      'MX': `${mx.score}/100 (${mx.status === 'success' ? 'OK' : 'Problema'})`,
+    },
+    recomendacoes: [
+      ...spf.recomendacoes || [],
+      ...dmarc.recomendacoes || [],
+      ...(dkim.score && dkim.score < 80 ? dkim.recomendacoes || [] : []),
+    ].filter((v, i, a) => a.indexOf(v) === i).slice(0, 6),
+    score: media,
+  };
+}
+
+// Microsoft 365 Analyzer
+export async function checkMicrosoft365(dominio: string): Promise<ResultadoFerramenta> {
+  const [mx, spf, dmarc, dkim] = await Promise.all([
+    checkMX(dominio),
+    checkSPF(dominio),
+    checkDMARC(dominio),
+    checkDKIM(dominio),
+  ]);
+
+  const isMicrosoft365 = mx.detalhes?.Provedor?.includes('Microsoft');
+  const m365Score = isMicrosoft365 ? 40 : 0;
+  const spfScore = spf.score || 0;
+  const dmarcScore = dmarc.score || 0;
+  const dkimScore = dkim.score || 0;
+  const total = Math.min(100, m365Score + Math.floor((spfScore + dmarcScore + dkimScore) / 3 * 0.6));
+
+  let status: 'success' | 'warning' | 'error' = 'success';
+  if (total < 40) status = 'error';
+  else if (total < 70) status = 'warning';
+
+  return {
+    status,
+    titulo: `Microsoft 365 Analyzer: ${total}/100`,
+    mensagem: isMicrosoft365
+      ? `O dominio ${dominio} esta configurado com Microsoft 365. Score de seguranca: ${total}/100.`
+      : `O dominio ${dominio} nao parece usar Microsoft 365 como servidor de e-mail principal. Score de seguranca: ${total}/100.`,
+    detalhes: {
+      Dominio: dominio,
+      'Usa Microsoft 365': isMicrosoft365 ? 'Sim' : 'Nao detectado',
+      'Score Total': `${total}/100`,
+      'SPF': `${spfScore}/100`,
+      'DKIM': `${dkimScore}/100`,
+      'DMARC': `${dmarcScore}/100`,
+    },
+    recomendacoes: isMicrosoft365
+      ? [
+          ...(total < 80 ? ['Configure DKIM corretamente para Microsoft 365'] : []),
+          ...(dmarcScore < 80 ? ['Fortaleca a politica DMARC'] : []),
+          'Habilite ATP (Advanced Threat Protection) no Microsoft 365',
+          'Configure regras de anti-spam e anti-malware',
+          'Ative a autenticacao de dois fatores para todos os usuarios',
+        ]
+      : [
+          'Se voce usa Microsoft 365, verifique se os registros MX estao corretos',
+          'Configure SPF com include:_spf.microsoft.com',
+          'Ative DKIM no portal do Microsoft 365',
+          'Configure DMARC para monitoramento',
+        ],
+    score: total,
+  };
+}
@@ -130,6 +130,8 @@ export const NAV_LINKS = [
  },
  { name: 'Tecnologias', href: '/tecnologias' },
  { name: 'Avaliacao TI', href: '/avaliacao' },
+  { name: 'Ferramentas', href: '/ferramentas' },
+  { name: 'Onde Atuamos', href: '/onde-atuamos' },
  { name: 'Cases', href: '/cases' },
  { name: 'Blog', href: '/blog' },
  { name: 'Contato', href: '/contato' },
@@ -146,6 +148,7 @@ export const FOOTER_LINKS = {
  ],
  empresa: [
    { name: 'Sobre nos', href: '/sobre' },
+    { name: 'Onde Atuamos', href: '/onde-atuamos' },
    { name: 'Cases de sucesso', href: '/cases' },
    { name: 'Blog', href: '/blog' },
    { name: 'Trabalhe conosco', href: '/contato' },
@@ -0,0 +1,60 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Mail } from 'lucide-react';
+import { checkDKIM } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'O que e DKIM?', a: 'DKIM e uma assinatura digital criptografica que garante que um e-mail nao foi alterado durante o transporte e realmente veio do servidor autorizado.' },
+  { q: 'Como ativar DKIM no Microsoft 365?', a: 'No centro de administracao do Microsoft 365, va em Politicas de e-mail > DKIM. Selecione seu dominio e ative as assinaturas. Os selectors serao selector1 e selector2.' },
+  { q: 'DKIM e obrigatorio?', a: 'Nao e obrigatorio, mas altamente recomendado. Gmail, Microsoft e outros provedores priorizam e-mails com DKIM autenticado.' },
+  { q: 'Quais selectors a ferramenta verifica?', a: 'Verificamos os selectors mais comuns: default, google, selector1, selector2, mail e dkim.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'DKIM Checker', url: 'https://avanzato.com.br/ferramentas/dkim-checker' },
+]);
+const softwareSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'DKIM Checker',
+  description: 'Ferramenta gratuita para verificar configuracao DKIM de dominios.',
+  url: 'https://avanzato.com.br/ferramentas/dkim-checker',
+  applicationCategory: 'SecurityApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+  author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+};
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const DkimChecker = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="DKIM Checker Gratuito | Avanzato Tools"
+      description="Valide a assinatura digital DKIM do seu dominio. Garanta que seus e-mails sejam autenticos. Ferramenta gratuita da Avanzato."
+      keywords="dkim checker, verificar dkim, domainkeys, assinatura digital email, autenticacao email"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="DKIM Checker Gratuito"
+      descricao="Valide a assinatura digital DKIM do seu dominio para garantir a autenticidade dos e-mails enviados."
+      icone={<Mail />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="DKIM (DomainKeys Identified Mail) e uma assinatura digital que seu servidor de e-mail adiciona a cada mensagem enviada. O destinatario pode verificar essa assinatura consultando uma chave publica no DNS do seu dominio. Sem DKIM, provedores de e-mail como Gmail e Outlook tem dificuldade para confirmar que a mensagem realmente veio do seu servidor, o que aumenta a chance de seus e-mails irem para a pasta de spam."
+      comoFunciona={[
+        'Digite o dominio que deseja verificar no campo acima.',
+        'Nossa ferramenta testa os selectors DKIM mais comuns.',
+        'Consultamos os registros TXT nos servidores DNS publicos.',
+        'Analisamos a chave publica e configuracao do DKIM.',
+        'Voce recebe um score e recomendacoes personalizadas.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkDKIM}
+    />
+  </div>
+);
+
+export default DkimChecker;
@@ -0,0 +1,60 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Lock } from 'lucide-react';
+import { checkDMARC } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'O que e DMARC?', a: 'DMARC e um protocolo que instrui provedores de e-mail a rejeitar ou colocar em quarentena mensagens que nao passam na autenticacao SPF ou DKIM.' },
+  { q: 'Qual politica DMARC devo usar?', a: 'Comece com p=none para monitorar, depois mude para p=quarantine e finalmente p=reject para protecao maxima.' },
+  { q: 'O que sao relatorios DMARC?', a: 'Sao e-mails automaticos enviados por provedores (Google, Microsoft) informando quem esta tentando usar seu dominio para enviar e-mails.' },
+  { q: 'DMARC sozinho protege contra phishing?', a: 'Nao. DMARC funciona junto com SPF e DKIM. Os tres juntos formam a triade de seguranca de e-mail.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'DMARC Checker', url: 'https://avanzato.com.br/ferramentas/dmarc-checker' },
+]);
+const softwareSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'DMARC Checker',
+  description: 'Ferramenta gratuita para analisar politica DMARC de dominios.',
+  url: 'https://avanzato.com.br/ferramentas/dmarc-checker',
+  applicationCategory: 'SecurityApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+  author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+};
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const DmarcChecker = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="DMARC Checker Gratuito | Avanzato Tools"
+      description="Analise a politica DMARC do seu dominio. Proteja contra phishing e spoofing. Ferramenta gratuita da Avanzato."
+      keywords="dmarc checker, verificar dmarc, politica dmarc, protecao email, anti phishing"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="DMARC Checker Gratuito"
+      descricao="Analise a politica DMARC do seu dominio e descubra se voce esta protegido contra phishing e spoofing."
+      icone={<Lock />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="DMARC (Domain-based Message Authentication, Reporting, and Conformance) e um protocolo que instrui provedores de e-mail sobre como tratar mensagens que falham na autenticacao SPF ou DKIM. Com DMARC, voce pode instruir provedores a rejeitar e-mails falsos e ainda recebe relatorios sobre tentativas de uso nao autorizado do seu dominio."
+      comoFunciona={[
+        'Digite o dominio que deseja analisar no campo acima.',
+        'Consultamos o registro DMARC nos servidores DNS.',
+        'Analisamos a politica configurada (none, quarantine, reject).',
+        'Verificamos se voce esta recebendo relatorios (rua).',
+        'Receba recomendacoes para fortalecer sua protecao.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkDMARC}
+    />
+  </div>
+);
+
+export default DmarcChecker;
@@ -0,0 +1,60 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { BarChart3 } from 'lucide-react';
+import { checkEmailSecurity } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'O que o Email Security Score avalia?', a: 'Avaliamos 4 componentes: SPF (autorizacao de servidores), DKIM (assinatura digital), DMARC (politica de conformidade) e MX (infraestrutura de e-mail).' },
+  { q: 'Qual score minimo recomendado?', a: 'Recomendamos score minimo de 80. Abaixo de 70, sua empresa esta vulneravel a spoofing e phishing.' },
+  { q: 'Como melhorar meu score?', a: 'Comece corrigindo os componentes com nota mais baixa. Configurar DMARC com p=reject e o impacto mais significativo.' },
+  { q: 'O score e atualizado em tempo real?', a: 'Sim. Cada consulta verifica o estado atual dos seus registros DNS publicos.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'Email Security Score', url: 'https://avanzato.com.br/ferramentas/email-security-score' },
+]);
+const softwareSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Email Security Score',
+  description: 'Ferramenta gratuita para avaliar seguranca completa de e-mail de dominios.',
+  url: 'https://avanzato.com.br/ferramentas/email-security-score',
+  applicationCategory: 'SecurityApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+  author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+};
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const EmailSecurityScore = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="Email Security Score | Avanzato Tools"
+      description="Avalie a seguranca de e-mail do seu dominio. Score de 0 a 100 com recomendacoes. SPF, DKIM, DMARC e MX. Gratuito."
+      keywords="email security score, seguranca email, score email, avaliar email, protecao email"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="Email Security Score"
+      descricao="Avalie a seguranca completa do e-mail do seu dominio com um score de 0 a 100 e recomendacoes detalhadas."
+      icone={<BarChart3 />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="Nossa ferramenta Email Security Score analisa todos os aspectos da seguranca de e-mail do seu dominio em uma unica consulta: SPF, DKIM, DMARC e registros MX. Cada componente e avaliado individualmente e voce recebe um score global de 0 a 100, com recomendacoes praticas e priorizadas para melhorar a seguranca."
+      comoFunciona={[
+        'Digite o dominio que deseja avaliar no campo acima.',
+        'Analisamos SPF, DKIM, DMARC e MX simultaneamente.',
+        'Cada componente recebe uma nota de 0 a 100.',
+        'Calculamos o score global de seguranca de e-mail.',
+        'Voce recebe um plano de acao priorizado para melhorias.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkEmailSecurity}
+    />
+  </div>
+);
+
+export default EmailSecurityScore;
@@ -0,0 +1,60 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Building2 } from 'lucide-react';
+import { checkMicrosoft365 } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'A ferramenta funciona so para Microsoft 365?', a: 'Sim, esta ferramenta e especifica para Microsoft 365. Para analise generica de e-mail, use nosso Email Security Score.' },
+  { q: 'O que verifica no Microsoft 365?', a: 'Verificamos: registros MX apontando para Microsoft, SPF com include:_spf.microsoft.com, DKIM ativado e DMARC configurado.' },
+  { q: 'Como ativar DKIM no Microsoft 365?', a: 'No Centro de Administracao > Seguranca > DKIM. Selecione o dominio e ative. Os selectors sao selector1 e selector2.' },
+  { q: 'A Avanzato oferece suporte Microsoft 365?', a: 'Sim. Somos especialistas em Microsoft 365 e oferecemos migracao, configuracao, suporte e seguranca.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'Microsoft 365 Analyzer', url: 'https://avanzato.com.br/ferramentas/microsoft-365-analyzer' },
+]);
+const softwareSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'Microsoft 365 Analyzer',
+  description: 'Ferramenta gratuita para analisar configuracao Microsoft 365 de dominios.',
+  url: 'https://avanzato.com.br/ferramentas/microsoft-365-analyzer',
+  applicationCategory: 'SecurityApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+  author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+};
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const Microsoft365Analyzer = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="Microsoft 365 Analyzer | Avanzato Tools"
+      description="Analise a configuracao do Microsoft 365 do seu dominio. Verifique seguranca e otimizacao. Ferramenta gratuita da Avanzato."
+      keywords="microsoft 365 analyzer, verificar microsoft 365, configuracao m365, seguranca microsoft 365"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="Microsoft 365 Analyzer"
+      descricao="Analise a configuracao do Microsoft 365 do seu dominio e descubra oportunidades de melhoria e seguranca."
+      icone={<Building2 />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="O Microsoft 365 e a suite de produtividade mais usada por empresas no mundo, mas muitas configuracoes de seguranca ficam desativadas por padrao. Nossa ferramenta analisa se seu dominio esta corretamente configurado com o Microsoft 365, verifica SPF, DKIM e DMARC especificos para o ambiente Microsoft, e identifica oportunidades de melhoria."
+      comoFunciona={[
+        'Digite o dominio configurado no Microsoft 365.',
+        'Verificamos se os registros MX apontam para a Microsoft.',
+        'Analisamos SPF, DKIM e DMARC especificos para Microsoft 365.',
+        'Identificamos configuracoes de seguranca recomendadas.',
+        'Receba um relatorio com acoes priorizadas.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkMicrosoft365}
+    />
+  </div>
+);
+
+export default Microsoft365Analyzer;
@@ -0,0 +1,60 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Server } from 'lucide-react';
+import { checkMX } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'O que sao registros MX?', a: 'Registros MX sao entradas DNS que indicam quais servidores de e-mail recebem mensagens enviadas ao seu dominio.' },
+  { q: 'Quantos servidores MX devo ter?', a: 'Recomendamos pelo menos 2 servidores MX com prioridades diferentes para redundancia. Se o primeiro falhar, o segundo assume.' },
+  { q: 'Como migrar e-mail para Microsoft 365?', a: 'Voce precisa alterar os registros MX para apontar para os servidores Microsoft. A Avanzato pode fazer essa migracao sem perda de e-mails.' },
+  { q: 'MX afeta envio de e-mails?', a: 'Nao. Registros MX controlam apenas o recebimento. Para envio, use SPF, DKIM e DMARC.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'MX Lookup', url: 'https://avanzato.com.br/ferramentas/mx-lookup' },
+]);
+const softwareSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'MX Lookup',
+  description: 'Ferramenta gratuita para consultar registros MX de dominios.',
+  url: 'https://avanzato.com.br/ferramentas/mx-lookup',
+  applicationCategory: 'SecurityApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+  author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+};
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const MxLookup = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="MX Lookup Gratuito | Avanzato Tools"
+      description="Consulte os registros MX do seu dominio. Verifique a infraestrutura de e-mail. Ferramenta gratuita da Avanzato."
+      keywords="mx lookup, consultar mx, registros mx, servidor email, infraestrutura email"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="MX Lookup Gratuito"
+      descricao="Consulte os registros MX do seu dominio e verifique a infraestrutura de recebimento de e-mails."
+      icone={<Server />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="Registros MX (Mail Exchange) definem quais servidores sao responsaveis por receber e-mails enviados ao seu dominio. Sem registros MX configurados corretamente, seu dominio nao pode receber e-mails. Empresas que migram para Microsoft 365 ou Google Workspace precisam atualizar seus registros MX para apontar para os servidores corretos."
+      comoFunciona={[
+        'Digite o dominio que deseja consultar no campo acima.',
+        'Nossa ferramenta consulta os registros MX nos servidores DNS.',
+        'Identificamos o provedor de e-mail (Microsoft 365, Google, etc).',
+        'Mostramos a prioridade de cada servidor MX.',
+        'Verificamos redundancia e configuracao.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkMX}
+    />
+  </div>
+);
+
+export default MxLookup;
@@ -0,0 +1,67 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Shield } from 'lucide-react';
+import { checkSPF } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'O que e SPF?', a: 'SPF (Sender Policy Framework) e um registro DNS que define quais servidores de e-mail estao autorizados a enviar mensagens em nome do seu dominio. Ele ajuda a prevenir spoofing e phishing.' },
+  { q: 'Por que o SPF e importante para empresas?', a: 'Sem SPF, qualquer pessoa pode enviar e-mails falsos usando o nome do seu dominio. Isso facilita ataques de phishing que usam sua marca para enganar clientes e funcionarios.' },
+  { q: 'Como configurar SPF no Microsoft 365?', a: 'Adicione um registro TXT no DNS com: v=spf1 include:_spf.microsoft.com ~all. Depois de testar, mude ~all para -all para protecao total.' },
+  { q: 'Qual a diferenca entre ~all e -all?', a: '~all (softfail) marca e-mails nao autorizados como suspeitos. -all (hardfail) instrui provedores a rejeitar e-mails de servidores nao listados.' },
+  { q: 'Quantos includes posso ter no SPF?', a: 'O SPF permite no maximo 10 lookups DNS. Mais que isso gera erro e o SPF nao funciona. Use mecanismos ip4/ip6 quando possivel para reduzir lookups.' },
+  { q: 'O SPF sozinho e suficiente?', a: 'Nao. SPF deve ser usado junto com DKIM e DMARC para protecao completa contra spoofing e phishing. Recomendamos usar nossa ferramenta Email Security Score para verificar tudo.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'SPF Checker', url: 'https://avanzato.com.br/ferramentas/spf-checker' },
+]);
+const softwareSchema = createSoftwareSchema('SPF Checker', 'Ferramenta gratuita para verificar configuracao SPF de dominios.', 'https://avanzato.com.br/ferramentas/spf-checker');
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const SpfChecker = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="SPF Checker Gratuito | Avanzato Tools"
+      description="Verifique se o SPF do seu dominio esta configurado corretamente. Proteja contra spoofing e phishing. Ferramenta gratuita da Avanzato."
+      keywords="spf checker, verificar spf, configurar spf, sender policy framework, seguranca email"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="SPF Checker Gratuito"
+      descricao="Verifique se o dominio da sua empresa esta protegido contra falsificacao de e-mails."
+      icone={<Shield />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="O SPF (Sender Policy Framework) e um registro DNS que lista os servidores autorizados a enviar e-mails em nome do seu dominio. Quando um e-mail chega ao destinatario, o servidor dele consulta o SPF do seu dominio para verificar se o remetente e legitimo. Sem SPF, qualquer servidor pode enviar e-mails como se fosse voce, facilitando phishing e spoofing. Empresas que usam Microsoft 365, Google Workspace ou qualquer servico de e-mail devem ter SPF configurado corretamente."
+      comoFunciona={[
+        'Digite o dominio que deseja verificar no campo acima.',
+        'Nossa ferramenta consulta os servidores DNS publicos em tempo real.',
+        'Analisamos o registro SPF, mecanismos e politica de falha.',
+        'Voce recebe um score de 0 a 100 com recomendacoes praticas.',
+        'Cadastre-se gratuitamente para receber um relatorio completo por e-mail.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkSPF}
+    />
+  </div>
+);
+
+export default SpfChecker;
+
+// Schema helper
+function createSoftwareSchema(name: string, description: string, url: string) {
+  return {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    name,
+    description,
+    url,
+    applicationCategory: 'SecurityApplication',
+    operatingSystem: 'Web',
+    offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+    author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+  };
+}
@@ -0,0 +1,60 @@
+import FerramentaLayout from '../../components/ferramentas/FerramentaLayout';
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Lock } from 'lucide-react';
+import { checkSSL } from '../../components/ferramentas/dnsApi';
+
+const faqData = [
+  { q: 'O que e SSL/TLS?', a: 'SSL e um protocolo de criptografia que protege a comunicacao entre navegador e servidor. TLS e a versao mais moderna e segura.' },
+  { q: 'Meu site precisa de SSL?', a: 'Sim. Todo site precisa de SSL. O Google penaliza sites sem HTTPS e navegadores exibem aviso de Nao Seguro.' },
+  { q: 'SSL e gratuito?', a: 'Sim. Let\'s Encrypt oferece certificados SSL gratuitos com renovacao automatica.' },
+  { q: 'O que acontece se o SSL expirar?', a: 'Seu site ficara inacessivel ou mostrara aviso de seguranca. E crucial renovar antes da expiracao.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+  { name: 'SSL Checker', url: 'https://avanzato.com.br/ferramentas/ssl-checker' },
+]);
+const softwareSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'SoftwareApplication',
+  name: 'SSL Checker',
+  description: 'Ferramenta gratuita para verificar certificados SSL de sites.',
+  url: 'https://avanzato.com.br/ferramentas/ssl-checker',
+  applicationCategory: 'SecurityApplication',
+  operatingSystem: 'Web',
+  offers: { '@type': 'Offer', price: '0', priceCurrency: 'BRL' },
+  author: { '@type': 'Organization', name: 'Avanzato Tecnologia', url: 'https://avanzato.com.br' },
+};
+const combinedSchema = [faqSchema, breadcrumbSchema, softwareSchema];
+
+const SslChecker = () => (
+  <div className="min-h-screen bg-[#0e0e0e] pt-16 pb-8">
+    <SEO
+      title="SSL Checker Gratuito | Avanzato Tools"
+      description="Verifique a validade do certificado SSL do seu site. Garanta seguranca e confianca. Ferramenta gratuita da Avanzato."
+      keywords="ssl checker, verificar ssl, certificado ssl, seguranca site, https"
+      schema={combinedSchema}
+    />
+    <FerramentaLayout
+      nome="SSL Checker Gratuito"
+      descricao="Verifique a validade e configuracao do certificado SSL do seu site. Garanta seguranca para seus visitantes."
+      icone={<Lock />}
+      placeholder="Digite seu dominio (ex: avanzato.com.br)"
+      explicacao="Um certificado SSL criptografa a comunicacao entre o navegador do visitante e seu servidor web. Sem SSL, dados sensiveis como senhas, cartoes de credito e informacoes pessoais transitam em texto puro pela internet. Alem disso, o Google penaliza sites sem SSL nos resultados de busca e navegadores exibem aviso de Nao Seguro."
+      comoFunciona={[
+        'Digite o dominio do site que deseja verificar.',
+        'Nossa ferramenta consulta o banco de dados de certificados publicos.',
+        'Verificamos o emissor, validade e configuracao do certificado.',
+        'Calculamos quantos dias faltam para a expiracao.',
+        'Receba alertas e recomendacoes de seguranca.',
+      ]}
+      perguntasUteis={faqData.slice(0, 4)}
+      onConsultar={checkSSL}
+    />
+  </div>
+);
+
+export default SslChecker;
@@ -0,0 +1,222 @@
+import SEO from '../../components/SEO';
+import { createFAQSchema, createBreadcrumbSchema } from '../../config/schema';
+import { Shield, Mail, Server, Lock, BarChart3, Building2, ArrowRight, CheckCircle } from 'lucide-react';
+import { Link } from 'react-router-dom';
+
+const breadcrumbSchema = createBreadcrumbSchema([
+  { name: 'Home', url: 'https://avanzato.com.br/' },
+  { name: 'Ferramentas', url: 'https://avanzato.com.br/ferramentas' },
+]);
+
+const faqData = [
+  { q: 'As ferramentas da Avanzato sao gratuitas?', a: 'Sim, todas as ferramentas sao gratuitas. Voce pode realizar ate 2 consultas por ferramenta sem cadastro. Para consultas ilimitadas e relatorios completos, basta fazer um cadastro rapido gratuito.' },
+  { q: 'Para que serve o SPF Checker?', a: 'O SPF (Sender Policy Framework) e um registro DNS que define quais servidores de e-mail podem enviar mensagens em nome do seu dominio. Nossa ferramenta verifica se seu SPF esta configurado corretamente para evitar spoofing.' },
+  { q: 'O que e DKIM e por que verificar?', a: 'DKIM (DomainKeys Identified Mail) e uma assinatura digital que garante a autenticidade dos e-mails enviados pelo seu dominio. Sem DKIM, seus e-mails podem ser marcados como spam ou rejeitados.' },
+  { q: 'Como o Email Security Score funciona?', a: 'Nossa ferramenta analisa SPF, DKIM, DMARC, registros MX e configuracoes de seguranca do seu dominio e gera um score de 0 a 100, com recomendacoes praticas para melhorar a seguranca do e-mail.' },
+  { q: 'Os resultados sao confiaveis?', a: 'Sim. Nossas ferramentas consultam diretamente os servidores DNS publicos e APIs de verificacao SSL. Os resultados sao atualizados em tempo real e usados por nossos proprios consultores tecnicos.' },
+  { q: 'Preciso cadastrar para usar?', a: 'Nao nas primeiras 2 consultas. Apos isso, solicitamos um cadastro rapido (nome, e-mail, empresa) para continuar usando. Nao enviamos spam e voce pode cancelar a qualquer momento.' },
+];
+
+const faqSchema = createFAQSchema(faqData);
+const combinedSchema = [breadcrumbSchema, faqSchema];
+
+const ferramentas = [
+  {
+    slug: 'spf-checker',
+    nome: 'SPF Checker',
+    descricao: 'Verifique se o registro SPF do seu dominio esta configurado corretamente para proteger contra falsificacao de e-mails.',
+    icone: <Shield className="w-8 h-8" />,
+    tags: ['email', 'seguranca', 'microsoft365'],
+    tempo: '2 segundos',
+  },
+  {
+    slug: 'dkim-checker',
+    nome: 'DKIM Checker',
+    descricao: 'Valide a assinatura digital DKIM do seu dominio para garantir a autenticidade dos e-mails enviados.',
+    icone: <Mail className="w-8 h-8" />,
+    tags: ['email', 'seguranca', 'microsoft365'],
+    tempo: '2 segundos',
+  },
+  {
+    slug: 'dmarc-checker',
+    nome: 'DMARC Checker',
+    descricao: 'Analise a politica DMARC do seu dominio e descubra se voce esta protegido contra phishing e spoofing.',
+    icone: <Lock className="w-8 h-8" />,
+    tags: ['email', 'seguranca'],
+    tempo: '2 segundos',
+  },
+  {
+    slug: 'mx-lookup',
+    nome: 'MX Lookup',
+    descricao: 'Consulte os registros MX do seu dominio e verifique a infraestrutura de recebimento de e-mails.',
+    icone: <Server className="w-8 h-8" />,
+    tags: ['email', 'infra'],
+    tempo: '1 segundo',
+  },
+  {
+    slug: 'ssl-checker',
+    nome: 'SSL Checker',
+    descricao: 'Verifique a validade e configuracao do certificado SSL do seu site. Garanta seguranca para seus visitantes.',
+    icone: <Lock className="w-8 h-8" />,
+    tags: ['seguranca', 'website'],
+    tempo: '3 segundos',
+  },
+  {
+    slug: 'email-security-score',
+    nome: 'Email Security Score',
+    descricao: 'Avalie a seguranca completa do e-mail do seu dominio com um score de 0 a 100 e recomendacoes detalhadas.',
+    icone: <BarChart3 className="w-8 h-8" />,
+    tags: ['email', 'seguranca', 'microsoft365'],
+    tempo: '5 segundos',
+  },
+  {
+    slug: 'microsoft-365-analyzer',
+    nome: 'Microsoft 365 Analyzer',
+    descricao: 'Analise a configuracao do Microsoft 365 do seu dominio e descubra oportunidades de melhoria e seguranca.',
+    icone: <Building2 className="w-8 h-8" />,
+    tags: ['microsoft365', 'cloud', 'seguranca'],
+    tempo: '5 segundos',
+  },
+];
+
+const beneficios = [
+  'Ferramentas 100% gratuitas',
+  'Resultados em tempo real',
+  'Recomendacoes praticas',
+  'Relatorios completos',
+  'Integracao com Microsoft 365',
+  'Desenvolvido por especialistas em TI',
+];
+
+const Ferramentas = () => {
+  return (
+    <div className="min-h-screen bg-[#0e0e0e]">
+      <SEO
+        title="Ferramentas Gratuitas de TI - Avanzato Tools"
+        description="Ferramentas gratuitas para diagnosticar seguranca de e-mail, SSL, Microsoft 365 e infraestrutura de TI. SPF Checker, DKIM Checker, DMARC Checker, SSL Checker e mais."
+        keywords="spf checker, dkim checker, dmarc checker, verificar ssl, mx lookup, email security, microsoft 365 analyzer"
+        schema={combinedSchema}
+      />
+
+      {/* Hero */}
+      <section className="pt-20 pb-16">
+        <div className="max-w-7xl mx-auto px-6">
+          <nav className="text-sm text-gray-400 mb-6">
+            <Link to="/" className="hover:text-[#cbf400]">Home</Link>
+            <span className="mx-2">/</span>
+            <span className="text-white">Ferramentas</span>
+          </nav>
+
+          <h1 className="text-4xl md:text-5xl font-bold text-white mb-4">
+            <span className="text-[#cbf400]">Avanzato</span> Tools
+          </h1>
+          <p className="text-xl text-gray-300 max-w-3xl mb-4">
+            Ferramentas gratuitas de diagnostico tecnico para empresas. 
+            Verifique a seguranca do seu e-mail, SSL, Microsoft 365 e infraestrutura de TI.
+          </p>
+          <p className="text-gray-400 max-w-3xl">
+            Desenvolvidas por especialistas com +23 anos de experiencia em TI empresarial. 
+            Sem custo, sem spam. 2 consultas gratuitas, cadastro rapido para ilimitado.
+          </p>
+        </div>
+      </section>
+
+      {/* Grid de Ferramentas */}
+      <section className="py-12">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {ferramentas.map((f) => (
+              <Link
+                key={f.slug}
+                to={`/ferramentas/${f.slug}`}
+                className="bg-[#1a1a1a] rounded-2xl p-6 border border-[#2a2a2a] hover:border-[#cbf400]/50 transition-all group"
+              >
+                <div className="flex items-center gap-4 mb-4">
+                  <div className="p-3 bg-[#cbf400]/10 rounded-xl text-[#cbf400]">
+                    {f.icone}
+                  </div>
+                  <div>
+                    <h2 className="text-xl font-semibold text-white group-hover:text-[#cbf400] transition-colors">
+                      {f.nome}
+                    </h2>
+                    <p className="text-xs text-gray-500">{f.tempo}</p>
+                  </div>
+                </div>
+                <p className="text-gray-300 text-sm mb-4">{f.descricao}</p>
+                <div className="flex items-center justify-between">
+                  <div className="flex gap-2">
+                    {f.tags.map(tag => (
+                      <span key={tag} className="px-2 py-1 bg-[#cbf400]/10 text-[#cbf400] rounded text-xs">
+                        {tag}
+                      </span>
+                    ))}
+                  </div>
+                  <ArrowRight className="w-5 h-5 text-gray-500 group-hover:text-[#cbf400] transition-colors" />
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </section>
+
+      {/* Beneficios */}
+      <section className="py-12">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a]">
+            <h2 className="text-2xl font-semibold text-white mb-6">Por que usar as Ferramentas Avanzato?</h2>
+            <div className="grid md:grid-cols-3 gap-4">
+              {beneficios.map((b) => (
+                <div key={b} className="flex items-center gap-3 text-gray-300">
+                  <CheckCircle className="w-5 h-5 text-[#cbf400] shrink-0" />
+                  {b}
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* FAQ */}
+      <section className="py-12">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a]">
+            <h2 className="text-2xl font-semibold text-white mb-6">Perguntas Frequentes</h2>
+            <div className="space-y-4">
+              {faqData.map((faq, i) => (
+                <div key={i} className="border-b border-[#2a2a2a] pb-4 last:border-0">
+                  <h3 className="text-lg font-semibold text-[#cbf400] mb-2">{faq.q}</h3>
+                  <p className="text-gray-300">{faq.a}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* CTA */}
+      <section className="py-16">
+        <div className="max-w-7xl mx-auto px-6">
+          <div className="bg-gradient-to-r from-[#cbf400]/10 to-transparent rounded-2xl p-8 border border-[#cbf400]/30 text-center">
+            <h2 className="text-3xl font-bold text-white mb-4">
+              Precisa de ajuda com a infraestrutura de TI?
+            </h2>
+            <p className="text-gray-300 mb-6 max-w-2xl mx-auto">
+              Nossos especialistas podem avaliar seu ambiente e propor melhorias personalizadas.
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
+              <Link to="/avaliacao" className="inline-flex items-center gap-2 bg-[#cbf400] text-[#0e0e0e] px-8 py-4 rounded-xl font-semibold hover:bg-[#b8e000] transition-colors">
+                Avaliacao Gratuita de TI
+                <ArrowRight className="w-5 h-5" />
+              </Link>
+              <Link to="/contato" className="inline-flex items-center gap-2 border border-[#cbf400] text-[#cbf400] px-8 py-4 rounded-xl font-semibold hover:bg-[#cbf400]/10 transition-colors">
+                Falar com Especialista
+              </Link>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+};
+
+export default Ferramentas;
@@ -143,11 +143,17 @@ const About = () => {
          {/* Image */}
          <div ref={imageRef} className="relative">
            <div className="relative rounded-2xl overflow-hidden shadow-2xl border border-white/5">
-              <img
-                src="/about-image.jpg"
-                alt="Equipe Avanzato"
-                className="w-full h-auto object-cover"
-              />
+              <picture>
+                <source srcSet="/about-image.webp" type="image/webp" />
+                <img
+                  src="/about-image.jpg"
+                  alt="Equipe Avanzato"
+                  loading="lazy"
+                  width="500"
+                  height="685"
+                  className="w-full h-auto object-cover"
+                />
+              </picture>
              
              {/* Glassmorphism overlay card */}
              <div className="absolute bottom-6 left-6 right-6 glass rounded-xl p-6 border border-[#cbf400]/20">
@@ -222,28 +228,28 @@ const About = () => {
        >
          <div className="text-center">
            <Counter end={500} suffix="+" />
-            <div className="flex items-center justify-center gap-2 mt-2 text-gray-500">
+            <div className="flex items-center justify-center gap-2 mt-2 text-gray-400">
              <Users className="w-4 h-4" />
              <span className="text-sm">Clientes atendidos</span>
            </div>
          </div>
          <div className="text-center">
            <Counter end={99} suffix=".9%" />
-            <div className="flex items-center justify-center gap-2 mt-2 text-gray-500">
+            <div className="flex items-center justify-center gap-2 mt-2 text-gray-400">
              <Clock className="w-4 h-4" />
              <span className="text-sm">Uptime garantido</span>
            </div>
          </div>
          <div className="text-center">
            <Counter end={23} suffix="+" />
-            <div className="flex items-center justify-center gap-2 mt-2 text-gray-500">
+            <div className="flex items-center justify-center gap-2 mt-2 text-gray-400">
              <Award className="w-4 h-4" />
              <span className="text-sm">Anos de experiência</span>
            </div>
          </div>
          <div className="text-center">
            <Counter end={24} suffix="/7" />
-            <div className="flex items-center justify-center gap-2 mt-2 text-gray-500">
+            <div className="flex items-center justify-center gap-2 mt-2 text-gray-400">
              <Users className="w-4 h-4" />
              <span className="text-sm">Suporte técnico</span>
            </div>
@@ -117,7 +117,7 @@ const CondominiosCTA = () => {
                      <Phone className="w-6 h-6 text-[#cbf400]" />
                    </div>
                    <div>
-                      <h4 className="text-white font-bold">VOIP para Condomínios</h4>
+                      <h3 className="text-white font-bold">VOIP para Condomínios</h3>
                      <p className="text-gray-500 text-sm">Comunicação moderna e econômica</p>
                    </div>
                  </div>
@@ -127,7 +127,7 @@ const CondominiosCTA = () => {
                      <Server className="w-6 h-6 text-blue-400" />
                    </div>
                    <div>
-                      <h4 className="text-white font-bold">Gestão de CPD</h4>
+                      <h3 className="text-white font-bold">Gestão de CPD</h3>
                      <p className="text-gray-500 text-sm">Infraestrutura profissional</p>
                    </div>
                  </div>
@@ -137,7 +137,7 @@ const CondominiosCTA = () => {
                      <Wifi className="w-6 h-6 text-purple-400" />
                    </div>
                    <div>
-                      <h4 className="text-white font-bold">Rede e Conectividade</h4>
+                      <h3 className="text-white font-bold">Rede e Conectividade</h3>
                      <p className="text-gray-500 text-sm">Alta disponibilidade</p>
                    </div>
                  </div>
@@ -147,7 +147,7 @@ const CondominiosCTA = () => {
                      <Shield className="w-6 h-6 text-red-400" />
                    </div>
                    <div>
-                      <h4 className="text-white font-bold">Segurança</h4>
+                      <h3 className="text-white font-bold">Segurança</h3>
                      <p className="text-gray-500 text-sm">Monitoramento 24/7</p>
                    </div>
                  </div>
@@ -15,10 +15,17 @@ const Footer = () => {
  const [version, setVersion] = useState('');

  useEffect(() => {
-    fetch('/version.json?t=' + Date.now())
-      .then(r => r.json())
-      .then(data => setVersion(data.version))
-      .catch(() => setVersion(''));
+    // Ler versao da meta tag (mais confiavel que fetch de arquivo separado)
+    const metaVersion = document.querySelector('meta[name="app-version"]')?.getAttribute('content');
+    if (metaVersion && metaVersion !== '1.0.0') {
+      setVersion(metaVersion);
+    } else {
+      // Fallback: tentar version.json
+      fetch('/version.json?t=' + Date.now())
+        .then(r => r.json())
+        .then(data => setVersion(data.version))
+        .catch(() => setVersion(''));
+    }
  }, []);

  const scrollToTop = () => {
@@ -247,13 +247,19 @@ const Hero = () => {
              {/* Glow effect */}
              <div className="absolute -inset-4 bg-gradient-to-r from-[#cbf400]/20 to-[#cbf400]/10 rounded-2xl blur-2xl opacity-50" />
              
-              {/* Dashboard image */}
+              {/* Dashboard image com WebP + fetchpriority alta */}
              <div className="relative rounded-2xl overflow-hidden shadow-2xl border border-[#cbf400]/20">
-                <img
-                  src="/hero-dashboard.jpg"
-                  alt="Dashboard Avanzato"
-                  className="w-full h-auto"
-                />
+                <picture>
+                  <source srcSet="/hero-dashboard.webp" type="image/webp" />
+                  <img
+                    src="/hero-dashboard.jpg"
+                    alt="Dashboard Avanzato"
+                    fetchPriority="high"
+                    width="800"
+                    height="500"
+                    className="w-full h-auto"
+                  />
+                </picture>
                
                {/* Glossy overlay */}
                <div 
@@ -46,7 +46,7 @@ const Navigation = () => {
      <div className="container-custom">
        <div className="flex items-center justify-between h-20">
          {/* Logo - importado de config/site.ts */}
-          <Link to={LOGO.href} className="flex items-center">
+          <Link to={LOGO.href} className="flex items-center" aria-label="Avanzato Tecnologia - Pagina inicial">
            {renderLogo()}
          </Link>

@@ -121,6 +121,9 @@ const ServiceCard = ({ service }: { service: Service }) => {
    setMousePos({ x, y });
  };

+  // Gerar caminho WebP com fallback PNG/JPG
+  const webpImage = service.image.replace(/\.(png|jpg|jpeg)$/, '.webp');
+
  return (
    <div
      ref={cardRef}
@@ -138,13 +141,19 @@ const ServiceCard = ({ service }: { service: Service }) => {
        setMousePos({ x: 0, y: 0 });
      }}
    >
-      {/* Image container */}
+      {/* Image container com WebP + lazy loading */}
      <div className="relative h-48 bg-gradient-to-br from-[#2a2a2a] to-[#1a1a1a] overflow-hidden">
-        <img
-          src={service.image}
-          alt={service.title}
-          className="w-full h-full object-contain p-6 transition-transform duration-500 group-hover:scale-110"
-        />
+        <picture>
+          <source srcSet={webpImage} type="image/webp" />
+          <img
+            src={service.image}
+            alt={service.title}
+            loading="lazy"
+            width="300"
+            height="300"
+            className="w-full h-full object-contain p-6 transition-transform duration-500 group-hover:scale-110"
+          />
+        </picture>
        
        {/* Icon badge */}
        <div className="absolute top-4 left-4 w-12 h-12 rounded-xl bg-[#0e0e0e] shadow-lg flex items-center justify-center text-[#cbf400] border border-[#cbf400]/20">
@@ -1,7 +1,7 @@
 import path from "path"
 import react from "@vitejs/plugin-react"
 import { defineConfig } from "vite"
-import { inspectAttr } from 'kimi-plugin-inspect-react'
+// import { inspectAttr } from 'kimi-plugin-inspect-react'
 import { viteStaticCopy } from 'vite-plugin-static-copy'

 /**
@@ -22,7 +22,7 @@ const devNoIndexPlugin = () => ({
 export default defineConfig({
  base: '/',
  plugins: [
-    inspectAttr(), 
+    // inspectAttr(), // Desabilitado - pode causar tela em branco
    react(),
    devNoIndexPlugin(),
    viteStaticCopy({
Author	SHA1	Message	Date
avanzato	dc697c8962	Release PROD: Aplicativos de Atrair Leads Deploy PROD Avanzato / deploy-prod (push) Successful in 45s Details	2026-06-03 22:19:56 -03:00
avanzato	667447c389	Merge remote-tracking branch 'origin/develop'	2026-06-03 22:19:52 -03:00
avanzato	e3f35d808d	Log release HML: Aplicativos de Atrair Leads Deploy HML Avanzato / deploy-hml (push) Successful in 37s Details	2026-06-03 22:07:59 -03:00
avanzato	fdfb4606f0	Aplicativos de Atrair Leads	2026-06-03 22:07:59 -03:00
avanzato	e5c18bb6fc	Log release HML: Aplicativos de Atrair Leads Deploy HML Avanzato / deploy-hml (push) Successful in 2m21s Details	2026-06-02 22:34:40 -03:00
avanzato	6dfdf01830	Aplicativos de Atrair Leads	2026-06-02 22:34:39 -03:00
avanzato	cd6bcf5b3d	Release PROD: Paginas e SEO master, correção javascript google Deploy PROD Avanzato / deploy-prod (push) Successful in 35s Details	2026-06-02 14:21:08 -03:00
avanzato	35e5727e60	Merge remote-tracking branch 'origin/develop'	2026-06-02 12:50:56 -03:00
avanzato	96563b30e9	Log release HML: Paginas e SEO master Deploy HML Avanzato / deploy-hml (push) Successful in 42s Details	2026-06-02 12:43:58 -03:00
avanzato	80dbb986f4	Paginas e SEO master	2026-06-02 12:43:57 -03:00
avanzato	6db7b5200b	Log release HML: Paginas e SEO master Deploy HML Avanzato / deploy-hml (push) Successful in 1m17s Details	2026-06-02 12:07:35 -03:00
avanzato	52cda4304b	Paginas e SEO master	2026-06-02 12:07:34 -03:00
avanzato	529036bfe9	Release PROD: Paginas e SEO master Deploy PROD Avanzato / deploy-prod (push) Successful in 34s Details	2026-06-01 20:28:34 -03:00
avanzato	52f86cbba5	Release PROD: Paginas e SEO master Deploy PROD Avanzato / deploy-prod (push) Successful in 43s Details	2026-06-01 19:56:51 -03:00
avanzato	3eb41133f4	Merge remote-tracking branch 'origin/develop'	2026-06-01 19:56:36 -03:00
avanzato	7bcc582664	Release PROD: Paginas e SEO master Deploy PROD Avanzato / deploy-prod (push) Successful in 42s Details	2026-06-01 19:44:45 -03:00
avanzato	4f15851f09	Merge remote-tracking branch 'origin/develop'	2026-06-01 19:43:55 -03:00
avanzato	10e910eb6b	Release PROD: Revisão Logo, Favicon, Robots Deploy PROD Avanzato / deploy-prod (push) Successful in 34s Details	2026-05-31 00:58:08 -03:00
avanzato	9885f59b06	Merge remote-tracking branch 'origin/develop'	2026-05-31 00:58:01 -03:00
avanzato	ec3e439973	Release PROD: Revisão Logo, Favicon, Robots Deploy PROD Avanzato / deploy-prod (push) Successful in 33s Details	2026-05-31 00:29:03 -03:00
avanzato	bfb022866b	Merge remote-tracking branch 'origin/develop'	2026-05-31 00:29:00 -03:00
avanzato	8c056b0c50	Release PROD: Revisão Logo, Favicon, Robots Deploy PROD Avanzato / deploy-prod (push) Successful in 33s Details	2026-05-31 00:03:02 -03:00
avanzato	b284c4d258	Merge remote-tracking branch 'origin/develop'	2026-05-31 00:02:57 -03:00
avanzato	d15474365c	Release PROD: Favivon - Correção Deploy PROD Avanzato / deploy-prod (push) Successful in 33s Details	2026-05-30 23:15:12 -03:00
avanzato	e9f47c5b1e	Merge remote-tracking branch 'origin/develop'	2026-05-30 23:15:09 -03:00
avanzato	af8ef2693d	Release PROD: Favivon - Correção Deploy PROD Avanzato / deploy-prod (push) Successful in 34s Details	2026-05-30 20:36:09 -03:00
avanzato	5b729b23be	Merge remote-tracking branch 'origin/develop'	2026-05-30 20:35:32 -03:00
avanzato	41312945d9	Release PROD: Atualização e correção de diretorios Deploy PROD Avanzato / deploy-prod (push) Successful in 30s Details	2026-05-30 19:30:29 -03:00
avanzato	bb73783e9f	Merge remote-tracking branch 'origin/develop'	2026-05-30 19:30:26 -03:00
avanzato	57c4abf055	Merge branch 'develop' Deploy PROD Avanzato / deploy-prod (push) Successful in 50s Details	2026-05-29 01:15:14 -03:00
avanzato	f493c55040	Merge branch 'develop' Deploy PROD Avanzato / deploy-prod (push) Successful in 31s Details	2026-05-27 22:45:17 -03:00
avanzato	0a0d2382d1	Merge branch 'develop' Deploy PROD Avanzato / deploy-prod (push) Successful in 54s Details	2026-05-27 16:17:46 -03:00
avanzato	47fdcab3b4	Adiciona deploy automático produção Deploy PROD Avanzato / deploy-prod (push) Successful in 58s Details	2026-05-26 22:07:42 -03:00