npm - @kaikybrofc/omnizap-system - Versions diffs - 2.2.9 → 2.3.0 - Mend

@kaikybrofc/omnizap-system 2.2.9 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/README.md +20 -18
package/app/config/adminIdentity.js +1 -3
package/app/connection/socketController.js +10 -20
package/app/controllers/messageController.js +7 -28
package/app/modules/aiModule/catCommand.js +29 -192
package/app/modules/broadcastModule/noticeCommand.js +28 -97
package/app/modules/gameModule/diceCommand.js +6 -32
package/app/modules/playModule/playCommand.js +57 -258
package/app/modules/quoteModule/quoteCommand.js +2 -4
package/app/modules/rpgPokemonModule/rpgPokemonRepository.js +1 -13
package/app/modules/statsModule/noMessageCommand.js +16 -84
package/app/modules/statsModule/rankingCommand.js +5 -25
package/app/modules/statsModule/rankingCommon.js +1 -9
package/app/modules/stickerModule/convertToWebp.js +4 -27
package/app/modules/stickerModule/stickerCommand.js +13 -24
package/app/modules/stickerModule/stickerTextCommand.js +13 -25
package/app/modules/stickerPackModule/autoPackCollectorService.js +16 -7
package/app/modules/stickerPackModule/domainEventOutboxRepository.js +20 -36
package/app/modules/stickerPackModule/domainEvents.js +2 -11
package/app/modules/stickerPackModule/semanticReclassificationEngine.js +13 -50
package/app/modules/stickerPackModule/semanticReclassificationEngine.test.js +2 -15
package/app/modules/stickerPackModule/semanticThemeClusterService.js +14 -41
package/app/modules/stickerPackModule/stickerAssetClassificationRepository.js +25 -95
package/app/modules/stickerPackModule/stickerAssetRepository.js +12 -31
package/app/modules/stickerPackModule/stickerAssetReprocessQueueRepository.js +13 -18
package/app/modules/stickerPackModule/stickerAutoPackByTagsRuntime.js +284 -709
package/app/modules/stickerPackModule/stickerClassificationBackgroundRuntime.js +27 -106
package/app/modules/stickerPackModule/stickerClassificationService.js +46 -77
package/app/modules/stickerPackModule/stickerDedicatedTaskWorkerRuntime.js +13 -53
package/app/modules/stickerPackModule/stickerDomainEventBus.js +10 -16
package/app/modules/stickerPackModule/stickerDomainEventConsumerRuntime.js +13 -34
package/app/modules/stickerPackModule/stickerMarketplaceDriftService.js +1 -4
package/app/modules/stickerPackModule/stickerObjectStorageService.js +26 -26
package/app/modules/stickerPackModule/stickerPackCommandHandlers.js +32 -187
package/app/modules/stickerPackModule/stickerPackInteractionEventRepository.js +6 -15
package/app/modules/stickerPackModule/stickerPackItemRepository.js +6 -32
package/app/modules/stickerPackModule/stickerPackMarketplaceService.js +12 -36
package/app/modules/stickerPackModule/stickerPackMessageService.js +12 -40
package/app/modules/stickerPackModule/stickerPackRepository.js +23 -66
package/app/modules/stickerPackModule/stickerPackScoreSnapshotRepository.js +9 -21
package/app/modules/stickerPackModule/stickerPackScoreSnapshotRuntime.js +10 -40
package/app/modules/stickerPackModule/stickerPackService.js +50 -115
package/app/modules/stickerPackModule/stickerPackServiceRuntime.js +2 -21
package/app/modules/stickerPackModule/stickerPackUtils.js +13 -3
package/app/modules/stickerPackModule/stickerStorageService.js +16 -65
package/app/modules/stickerPackModule/stickerWorkerPipelineRuntime.js +4 -22
package/app/modules/stickerPackModule/stickerWorkerTaskQueueRepository.js +14 -29
package/app/modules/systemMetricsModule/pingCommand.js +9 -39
package/app/modules/tiktokModule/tiktokCommand.js +17 -109
package/app/modules/userModule/userCommand.js +2 -88
package/app/observability/metrics.js +5 -16
package/app/services/captchaService.js +1 -6
package/app/services/dbWriteQueue.js +3 -18
package/app/services/featureFlagService.js +2 -8
package/app/services/newsBroadcastService.js +0 -1
package/app/services/queueUtils.js +2 -4
package/app/services/whatsappLoginLinkService.js +7 -9
package/app/store/premiumUserStore.js +1 -2
package/app/utils/antiLink/antiLinkModule.js +3 -233
package/app/utils/logger/loggerModule.js +9 -34
package/app/utils/systemMetrics/systemMetricsModule.js +1 -4
package/database/init.js +1 -8
package/docker-compose.yml +27 -27
package/docs/seo/omnizap-seo-playbook-br-2026-02-28.md +220 -0
package/docs/seo/satellite-page-template.md +91 -0
package/docs/seo/satellite-pages-phase1.json +349 -0
package/eslint.config.js +2 -15
package/index.js +8 -36
package/ml/clip_classifier/README.md +4 -6
package/observability/alert-rules.yml +12 -12
package/observability/grafana/provisioning/dashboards/dashboards.yml +1 -1
package/package.json +8 -3
package/public/api-docs/index.html +224 -141
package/public/bot-whatsapp-para-grupo/index.html +306 -0
package/public/bot-whatsapp-sem-programar/index.html +306 -0
package/public/comandos/index.html +428 -0
package/public/como-automatizar-avisos-no-whatsapp/index.html +306 -0
package/public/como-criar-comandos-whatsapp/index.html +306 -0
package/public/como-evitar-spam-no-whatsapp/index.html +306 -0
package/public/como-moderar-grupo-whatsapp/index.html +306 -0
package/public/como-organizar-comunidade-whatsapp/index.html +306 -0
package/public/css/github-project-panel.css +20 -15
package/public/css/stickers-admin.css +55 -39
package/public/css/styles.css +37 -29
package/public/index.html +1060 -1417
package/public/js/apps/apiDocsApp.js +36 -153
package/public/js/apps/createPackApp.js +69 -332
package/public/js/apps/homeApp.js +201 -434
package/public/js/apps/loginApp.js +3 -12
package/public/js/apps/stickersAdminApp.js +190 -181
package/public/js/apps/stickersApp.js +507 -1366
package/public/js/catalog.js +11 -74
package/public/js/github-panel/components/ErrorState.js +1 -8
package/public/js/github-panel/components/GithubProjectPanel.js +2 -9
package/public/js/github-panel/components/SkeletonPanel.js +1 -11
package/public/js/github-panel/components/StatCard.js +1 -7
package/public/js/github-panel/vendor/react.js +1 -9
package/public/js/runtime/react-runtime.js +1 -9
package/public/licenca/index.html +104 -86
package/public/login/index.html +315 -321
package/public/melhor-bot-whatsapp-para-grupos/index.html +306 -0
package/public/sitemap.xml +45 -0
package/public/stickers/admin/index.html +14 -19
package/public/stickers/create/index.html +39 -43
package/public/stickers/index.html +97 -41
package/public/termos-de-uso/index.html +142 -115
package/public/user/index.html +347 -346
package/scripts/cache-bust.mjs +5 -24
package/scripts/generate-seo-satellite-pages.mjs +431 -0
package/scripts/run-prettier-all.mjs +25 -0
package/scripts/sticker-catalog-loadtest.mjs +13 -11
package/scripts/sticker-worker-task.mjs +1 -4
package/scripts/sync-readme-snapshot.mjs +3 -2
package/server/controllers/stickerCatalogController.js +407 -704
package/server/http/httpServer.js +2 -10
package/server/routes/stickerCatalog/catalogHandlers/catalogAdminHttp.js +1 -8
package/server/routes/stickerCatalog/catalogHandlers/catalogAuthHttp.js +1 -9
package/server/routes/stickerCatalog/catalogHandlers/catalogPublicHttp.js +10 -11
package/server/routes/stickerCatalog/catalogHandlers/catalogUploadHttp.js +1 -10
package/server/routes/stickerCatalog/catalogRouter.js +11 -13
package/kaikybrofc-omnizap-system-2.2.9.tgz +0 -0

package/public/como-evitar-spam-no-whatsapp/index.html ADDED Viewed

@@ -0,0 +1,306 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Como evitar spam no WhatsApp com bot pronto</title>
+    <meta name="description" content="Guia rapido para reduzir spam em grupos de WhatsApp com bot pronto. Veja regras essenciais e praticas para manter o grupo limpo e produtivo." />
+    <meta name="keywords" content="como evitar spam whatsapp, bot anti spam whatsapp, moderacao whatsapp" />
+    <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://omnizap.shop/como-evitar-spam-no-whatsapp/" />
+    <link rel="icon" type="image/png" href="/assets/images/brand-icon-192.png" />
+    <meta property="og:type" content="article" />
+    <meta property="og:locale" content="pt_BR" />
+    <meta property="og:site_name" content="OmniZap System" />
+    <meta property="og:title" content="Como evitar spam no WhatsApp com bot pronto" />
+    <meta property="og:description" content="Guia rapido para reduzir spam em grupos de WhatsApp com bot pronto. Veja regras essenciais e praticas para manter o grupo limpo e produtivo." />
+    <meta property="og:url" content="https://omnizap.shop/como-evitar-spam-no-whatsapp/" />
+    <meta property="og:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Como evitar spam no WhatsApp com bot pronto" />
+    <meta name="twitter:description" content="Guia rapido para reduzir spam em grupos de WhatsApp com bot pronto. Veja regras essenciais e praticas para manter o grupo limpo e produtivo." />
+    <meta name="twitter:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
+    <script type="application/ld+json">
+      { "@context": "https://schema.org", "@type": "WebPage", "name": "Como evitar spam no WhatsApp com bot pronto", "description": "Guia rapido para reduzir spam em grupos de WhatsApp com bot pronto. Veja regras essenciais e praticas para manter o grupo limpo e produtivo.", "inLanguage": "pt-BR", "url": "https://omnizap.shop/como-evitar-spam-no-whatsapp/", "isPartOf": { "@type": "WebSite", "name": "OmniZap System", "url": "https://omnizap.shop" } }
+    </script>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        "mainEntity": [
+          { "@type": "Question", "name": "O bot bloqueia todo tipo de spam automaticamente?", "acceptedAnswer": { "@type": "Answer", "text": "Ele cobre os casos mais comuns e pode ser ajustado conforme o perfil do grupo." } },
+          { "@type": "Question", "name": "Spam reduz quando o bot entra?", "acceptedAnswer": { "@type": "Answer", "text": "Na pratica, a queda costuma ser imediata apos ativar regras basicas." } },
+          { "@type": "Question", "name": "Posso manter recursos de engajamento junto com anti-spam?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Voce pode usar moderacao e stickers no mesmo fluxo de grupo." } }
+        ]
+      }
+    </script>
+    <style>
+      :root {
+        --bg: #0f172a;
+        --bg-2: #111827;
+        --line: rgba(255, 255, 255, 0.05);
+        --text: #f8fafc;
+        --muted: #94a3b8;
+        --card: #1e293bd9;
+        --accent: #2563eb;
+        --accent-2: #7c3aed;
+        --cta: #22c55e;
+        --cta-hover: #16a34a;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        font-family:
+          'Manrope',
+          system-ui,
+          -apple-system,
+          sans-serif;
+        color: var(--text);
+        background: radial-gradient(58rem 22rem at -10% -8%, #2563eb24, transparent 60%), radial-gradient(62rem 26rem at 112% -12%, #7c3aed22, transparent 58%), linear-gradient(165deg, var(--bg), var(--bg-2));
+      }
+      .wrap {
+        width: min(980px, 92vw);
+        margin: 0 auto;
+        padding: 22px 0 42px;
+      }
+      .top {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-bottom: 14px;
+      }
+      .top a {
+        color: var(--text);
+        text-decoration: none;
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        padding: 8px 11px;
+        background: #111827;
+        font-size: 14px;
+        font-weight: 700;
+      }
+      .hero,
+      .card {
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 16px;
+        background: var(--card);
+        padding: 16px;
+        margin-bottom: 12px;
+      }
+      .pill {
+        display: inline-flex;
+        border: 1px solid #45689f;
+        border-radius: 999px;
+        padding: 5px 10px;
+        font-size: 12px;
+        font-weight: 800;
+        text-transform: uppercase;
+        letter-spacing: 0.3px;
+        color: #cde4ff;
+        background: #16274a96;
+        margin-bottom: 10px;
+      }
+      h1,
+      h2 {
+        margin: 0 0 8px;
+        font-family: 'Sora', 'Manrope', sans-serif;
+        letter-spacing: -0.02em;
+      }
+      h1 {
+        font-size: clamp(29px, 4vw, 42px);
+        line-height: 1.08;
+        background: linear-gradient(92deg, #f3f8ff 0%, #60a5fa 45%, #a78bfa 100%);
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
+      }
+      h2 {
+        font-size: clamp(22px, 2.8vw, 30px);
+      }
+      p,
+      li {
+        margin: 0 0 10px;
+        color: var(--muted);
+        line-height: 1.65;
+        font-size: 16px;
+      }
+      ul {
+        margin: 0;
+        padding-left: 18px;
+      }
+      .cta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-top: 12px;
+      }
+      .btn {
+        text-decoration: none;
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 11px;
+        padding: 10px 13px;
+        color: var(--text);
+        background: #111827;
+        font-weight: 800;
+        font-size: 14px;
+      }
+      .btn.primary {
+        border-color: transparent;
+        color: #0f172a;
+        background: var(--cta);
+      }
+      .btn.primary:hover {
+        background: var(--cta-hover);
+      }
+      .faq-list {
+        display: grid;
+        gap: 9px;
+      }
+      .faq-item {
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 12px;
+        background: #1e293bb8;
+        padding: 0 12px;
+      }
+      .faq-item summary {
+        cursor: pointer;
+        list-style: none;
+        font-weight: 800;
+        color: #ebf4ff;
+        padding: 12px 0;
+      }
+      .faq-item summary::-webkit-details-marker {
+        display: none;
+      }
+      .faq-item p {
+        margin: 0;
+        padding: 0 0 12px;
+        font-size: 15px;
+      }
+      .links-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+        gap: 8px;
+      }
+      .links-grid a {
+        text-decoration: none;
+        color: #dbecff;
+        border: 1px solid #365686;
+        border-radius: 10px;
+        padding: 9px 10px;
+        background: #10203d;
+        font-weight: 700;
+      }
+      .meta {
+        margin-top: 8px;
+        font-size: 13px;
+        color: #95b2d8;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="wrap">
+      <nav class="top" aria-label="Navegação interna">
+        <a href="/">Início</a>
+        <a href="/stickers/">Stickers</a>
+        <a href="/api-docs/">API Docs</a>
+        <a href="/login/">Adicionar Bot</a>
+      </nav>
+      <header class="hero">
+        <span class="pill">Guia anti-spam</span>
+        <h1>Como evitar spam no WhatsApp sem travar seu grupo</h1>
+        <p>Spam derruba a qualidade das conversas e afasta membros importantes. Com um bot pronto, voce cria barreiras simples para proteger o grupo sem burocracia.</p>
+        <div class="cta">
+          <a class="btn primary" href="/login/">Adicionar ao meu grupo</a>
+          <a class="btn" href="/">Conhecer OmniZap</a>
+        </div>
+        <p class="meta">Página atualizada em 2026-02-28</p>
+      </header>
+      <section class="card">
+        <h2>Por que spam cresce tao rapido</h2>
+        <p>Grupos ativos atraem divulgacoes, correntes e mensagens repetidas.</p>
+        <p>Sem automacao, o admin entra em modo reativo e sempre chega tarde.</p>
+      </section>
+      <section class="card">
+        <h2>Regras que resolvem no curto prazo</h2>
+        <p>Defina filtros para links suspeitos e mensagens de repeticao em massa.</p>
+        <p>Ative respostas automaticas para orientar novos membros sobre comportamento esperado.</p>
+        <ul>
+          <li>Bloqueio de padroes de spam</li>
+          <li>Aviso automatico de regras</li>
+          <li>Acompanhamento continuo sem intervencao manual</li>
+        </ul>
+      </section>
+      <section class="card">
+        <h2>Resultado esperado</h2>
+        <p>Com menos spam, o grupo ganha ritmo e relevancia.</p>
+        <p>Isso aumenta retenção da comunidade e melhora a confianca no canal.</p>
+      </section>
+      <section class="card">
+        <h2>Perguntas frequentes</h2>
+        <div class="faq-list">
+          <details class="faq-item">
+            <summary>O bot bloqueia todo tipo de spam automaticamente?</summary>
+            <p>Ele cobre os casos mais comuns e pode ser ajustado conforme o perfil do grupo.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Spam reduz quando o bot entra?</summary>
+            <p>Na pratica, a queda costuma ser imediata apos ativar regras basicas.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Posso manter recursos de engajamento junto com anti-spam?</summary>
+            <p>Sim. Voce pode usar moderacao e stickers no mesmo fluxo de grupo.</p>
+          </details>
+        </div>
+      </section>
+      <section class="card">
+        <h2>Links úteis</h2>
+        <div class="links-grid">
+          <a href="/">OmniZap Home</a>
+          <a href="/stickers/">Catálogo de Stickers</a>
+          <a href="/comandos/">Biblioteca de Comandos</a>
+          <a href="/api-docs/">Área de Desenvolvedor</a>
+          <a href="/login/">Adicionar bot agora</a>
+          <a href="/como-moderar-grupo-whatsapp/">Como moderar grupo no WhatsApp</a>
+          <a href="/como-automatizar-avisos-no-whatsapp/">Como automatizar avisos no WhatsApp</a>
+          <a href="/bot-whatsapp-sem-programar/">Bot sem programar</a>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>

package/public/como-moderar-grupo-whatsapp/index.html ADDED Viewed

@@ -0,0 +1,306 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Como moderar grupo no WhatsApp com bot | Guia pratico</title>
+    <meta name="description" content="Aprenda como moderar grupo no WhatsApp com menos trabalho manual. Use bot pronto para bloquear spam, organizar regras e manter conversa produtiva." />
+    <meta name="keywords" content="como moderar grupo whatsapp, bot para moderar grupo, organizacao de grupo whatsapp" />
+    <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://omnizap.shop/como-moderar-grupo-whatsapp/" />
+    <link rel="icon" type="image/png" href="/assets/images/brand-icon-192.png" />
+    <meta property="og:type" content="article" />
+    <meta property="og:locale" content="pt_BR" />
+    <meta property="og:site_name" content="OmniZap System" />
+    <meta property="og:title" content="Como moderar grupo no WhatsApp com bot | Guia pratico" />
+    <meta property="og:description" content="Aprenda como moderar grupo no WhatsApp com menos trabalho manual. Use bot pronto para bloquear spam, organizar regras e manter conversa produtiva." />
+    <meta property="og:url" content="https://omnizap.shop/como-moderar-grupo-whatsapp/" />
+    <meta property="og:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Como moderar grupo no WhatsApp com bot | Guia pratico" />
+    <meta name="twitter:description" content="Aprenda como moderar grupo no WhatsApp com menos trabalho manual. Use bot pronto para bloquear spam, organizar regras e manter conversa produtiva." />
+    <meta name="twitter:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
+    <script type="application/ld+json">
+      { "@context": "https://schema.org", "@type": "WebPage", "name": "Como moderar grupo no WhatsApp com bot | Guia pratico", "description": "Aprenda como moderar grupo no WhatsApp com menos trabalho manual. Use bot pronto para bloquear spam, organizar regras e manter conversa produtiva.", "inLanguage": "pt-BR", "url": "https://omnizap.shop/como-moderar-grupo-whatsapp/", "isPartOf": { "@type": "WebSite", "name": "OmniZap System", "url": "https://omnizap.shop" } }
+    </script>
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        "mainEntity": [
+          { "@type": "Question", "name": "Da para moderar grupo sem ficar online o tempo todo?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. O bot executa regras automaticas e reduz a dependencia de moderacao manual constante." } },
+          { "@type": "Question", "name": "Posso combinar moderacao e avisos automaticos?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Essa combinacao costuma ser o melhor ponto de partida para grupos em crescimento." } },
+          { "@type": "Question", "name": "Onde vejo recursos tecnicos avancados?", "acceptedAnswer": { "@type": "Answer", "text": "A documentacao de integracao esta em /api-docs/." } }
+        ]
+      }
+    </script>
+    <style>
+      :root {
+        --bg: #0f172a;
+        --bg-2: #111827;
+        --line: rgba(255, 255, 255, 0.05);
+        --text: #f8fafc;
+        --muted: #94a3b8;
+        --card: #1e293bd9;
+        --accent: #2563eb;
+        --accent-2: #7c3aed;
+        --cta: #22c55e;
+        --cta-hover: #16a34a;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        font-family:
+          'Manrope',
+          system-ui,
+          -apple-system,
+          sans-serif;
+        color: var(--text);
+        background: radial-gradient(58rem 22rem at -10% -8%, #2563eb24, transparent 60%), radial-gradient(62rem 26rem at 112% -12%, #7c3aed22, transparent 58%), linear-gradient(165deg, var(--bg), var(--bg-2));
+      }
+      .wrap {
+        width: min(980px, 92vw);
+        margin: 0 auto;
+        padding: 22px 0 42px;
+      }
+      .top {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-bottom: 14px;
+      }
+      .top a {
+        color: var(--text);
+        text-decoration: none;
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        padding: 8px 11px;
+        background: #111827;
+        font-size: 14px;
+        font-weight: 700;
+      }
+      .hero,
+      .card {
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 16px;
+        background: var(--card);
+        padding: 16px;
+        margin-bottom: 12px;
+      }
+      .pill {
+        display: inline-flex;
+        border: 1px solid #45689f;
+        border-radius: 999px;
+        padding: 5px 10px;
+        font-size: 12px;
+        font-weight: 800;
+        text-transform: uppercase;
+        letter-spacing: 0.3px;
+        color: #cde4ff;
+        background: #16274a96;
+        margin-bottom: 10px;
+      }
+      h1,
+      h2 {
+        margin: 0 0 8px;
+        font-family: 'Sora', 'Manrope', sans-serif;
+        letter-spacing: -0.02em;
+      }
+      h1 {
+        font-size: clamp(29px, 4vw, 42px);
+        line-height: 1.08;
+        background: linear-gradient(92deg, #f3f8ff 0%, #60a5fa 45%, #a78bfa 100%);
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
+      }
+      h2 {
+        font-size: clamp(22px, 2.8vw, 30px);
+      }
+      p,
+      li {
+        margin: 0 0 10px;
+        color: var(--muted);
+        line-height: 1.65;
+        font-size: 16px;
+      }
+      ul {
+        margin: 0;
+        padding-left: 18px;
+      }
+      .cta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 8px;
+        margin-top: 12px;
+      }
+      .btn {
+        text-decoration: none;
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 11px;
+        padding: 10px 13px;
+        color: var(--text);
+        background: #111827;
+        font-weight: 800;
+        font-size: 14px;
+      }
+      .btn.primary {
+        border-color: transparent;
+        color: #0f172a;
+        background: var(--cta);
+      }
+      .btn.primary:hover {
+        background: var(--cta-hover);
+      }
+      .faq-list {
+        display: grid;
+        gap: 9px;
+      }
+      .faq-item {
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 12px;
+        background: #1e293bb8;
+        padding: 0 12px;
+      }
+      .faq-item summary {
+        cursor: pointer;
+        list-style: none;
+        font-weight: 800;
+        color: #ebf4ff;
+        padding: 12px 0;
+      }
+      .faq-item summary::-webkit-details-marker {
+        display: none;
+      }
+      .faq-item p {
+        margin: 0;
+        padding: 0 0 12px;
+        font-size: 15px;
+      }
+      .links-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+        gap: 8px;
+      }
+      .links-grid a {
+        text-decoration: none;
+        color: #dbecff;
+        border: 1px solid #365686;
+        border-radius: 10px;
+        padding: 9px 10px;
+        background: #10203d;
+        font-weight: 700;
+      }
+      .meta {
+        margin-top: 8px;
+        font-size: 13px;
+        color: #95b2d8;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="wrap">
+      <nav class="top" aria-label="Navegação interna">
+        <a href="/">Início</a>
+        <a href="/stickers/">Stickers</a>
+        <a href="/api-docs/">API Docs</a>
+        <a href="/login/">Adicionar Bot</a>
+      </nav>
+      <header class="hero">
+        <span class="pill">Guia de dor</span>
+        <h1>Como moderar grupo no WhatsApp sem sobrecarga</h1>
+        <p>Moderacao manual funciona no inicio, mas quebra quando o grupo cresce. O caminho mais eficiente e automatizar regras basicas com um bot pronto.</p>
+        <div class="cta">
+          <a class="btn primary" href="/login/">Adicionar ao meu grupo</a>
+          <a class="btn" href="/">Conhecer OmniZap</a>
+        </div>
+        <p class="meta">Página atualizada em 2026-02-28</p>
+      </header>
+      <section class="card">
+        <h2>Problemas comuns em grupos sem moderacao</h2>
+        <p>Quando nao existe rotina de moderacao, o grupo perde foco rapido.</p>
+        <p>Mensagem fora de contexto, links em excesso e repeticao de conflitos viram padrao.</p>
+        <ul>
+          <li>Spam de links e divulgacoes</li>
+          <li>Perguntas repetidas sem resposta padrao</li>
+          <li>Administrador sobrecarregado</li>
+        </ul>
+      </section>
+      <section class="card">
+        <h2>O que automatizar primeiro</h2>
+        <p>Comece por regras simples: aviso de boas-vindas, lembrete de regras e bloqueio de comportamento abusivo.</p>
+        <p>Esses tres pontos ja elevam a qualidade do grupo sem aumentar custo operacional.</p>
+      </section>
+      <section class="card">
+        <h2>Moderacao com previsibilidade</h2>
+        <p>Com o bot ativo, voce cria padrao de operacao para o grupo.</p>
+        <p>Isso reduz desgaste da equipe e melhora a experiencia de quem participa.</p>
+      </section>
+      <section class="card">
+        <h2>Perguntas frequentes</h2>
+        <div class="faq-list">
+          <details class="faq-item">
+            <summary>Da para moderar grupo sem ficar online o tempo todo?</summary>
+            <p>Sim. O bot executa regras automaticas e reduz a dependencia de moderacao manual constante.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Posso combinar moderacao e avisos automaticos?</summary>
+            <p>Sim. Essa combinacao costuma ser o melhor ponto de partida para grupos em crescimento.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Onde vejo recursos tecnicos avancados?</summary>
+            <p>A documentacao de integracao esta em /api-docs/.</p>
+          </details>
+        </div>
+      </section>
+      <section class="card">
+        <h2>Links úteis</h2>
+        <div class="links-grid">
+          <a href="/">OmniZap Home</a>
+          <a href="/stickers/">Catálogo de Stickers</a>
+          <a href="/comandos/">Biblioteca de Comandos</a>
+          <a href="/api-docs/">Área de Desenvolvedor</a>
+          <a href="/login/">Adicionar bot agora</a>
+          <a href="/como-evitar-spam-no-whatsapp/">Como evitar spam no WhatsApp</a>
+          <a href="/como-organizar-comunidade-whatsapp/">Como organizar comunidade no WhatsApp</a>
+          <a href="/bot-whatsapp-para-grupo/">Bot para grupo de WhatsApp</a>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>