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-automatizar-avisos-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 automatizar avisos no WhatsApp | Guia rapido</title>
+    <meta name="description" content="Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao." />
+    <meta name="keywords" content="automatizar avisos whatsapp, lembrete automatico whatsapp, bot para avisos" />
+    <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://omnizap.shop/como-automatizar-avisos-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 automatizar avisos no WhatsApp | Guia rapido" />
+    <meta property="og:description" content="Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao." />
+    <meta property="og:url" content="https://omnizap.shop/como-automatizar-avisos-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 automatizar avisos no WhatsApp | Guia rapido" />
+    <meta name="twitter:description" content="Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao." />
+    <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 automatizar avisos no WhatsApp | Guia rapido", "description": "Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao.", "inLanguage": "pt-BR", "url": "https://omnizap.shop/como-automatizar-avisos-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": "Automatizar aviso deixa o grupo robotizado?", "acceptedAnswer": { "@type": "Answer", "text": "Nao. A ideia e automatizar o repetitivo e liberar tempo para interacao humana de qualidade." } },
+          { "@type": "Question", "name": "Posso combinar avisos com moderacao?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Essa combinacao e recomendada para grupos ativos." } },
+          { "@type": "Question", "name": "Existe modo avancado para integracao tecnica?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. A documentacao para cenarios avancados 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 automacao</span>
+        <h1>Como automatizar avisos no WhatsApp sem esquecer recados</h1>
+        <p>Avisos manuais dependem de memoria e disponibilidade. Com automacao, o grupo recebe recados importantes no horario certo, todos os dias.</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>Quando avisos automaticos fazem diferenca</h2>
+        <p>Reunioes, eventos, prazos e lembretes recorrentes sao casos classicos.</p>
+        <p>A automacao evita falha humana e melhora a confianca do grupo na comunicacao.</p>
+      </section>
+      <section class="card">
+        <h2>Modelo simples para comecar</h2>
+        <p>Defina os avisos que mais se repetem e padronize mensagem e frequencia.</p>
+        <p>Com bot pronto, esse fluxo roda sem precisar montar infraestrutura propria.</p>
+        <ul>
+          <li>Recados diarios</li>
+          <li>Lembretes antes de eventos</li>
+          <li>Avisos fixos para novos membros</li>
+        </ul>
+      </section>
+      <section class="card">
+        <h2>Ganhos para admins e membros</h2>
+        <p>Admin ganha tempo para tarefas estrategicas.</p>
+        <p>Membros recebem informacao no momento certo, com menos retrabalho.</p>
+      </section>
+      <section class="card">
+        <h2>Perguntas frequentes</h2>
+        <div class="faq-list">
+          <details class="faq-item">
+            <summary>Automatizar aviso deixa o grupo robotizado?</summary>
+            <p>Nao. A ideia e automatizar o repetitivo e liberar tempo para interacao humana de qualidade.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Posso combinar avisos com moderacao?</summary>
+            <p>Sim. Essa combinacao e recomendada para grupos ativos.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Existe modo avancado para integracao tecnica?</summary>
+            <p>Sim. A documentacao para cenarios avancados 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-organizar-comunidade-whatsapp/">Organizar comunidade no WhatsApp</a>
+          <a href="/como-evitar-spam-no-whatsapp/">Evitar spam no WhatsApp</a>
+          <a href="/bot-whatsapp-sem-programar/">Bot sem programar</a>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>

package/public/como-criar-comandos-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 criar comandos no WhatsApp com bot pronto</title>
+    <meta name="description" content="Entenda como criar e usar comandos no WhatsApp para acelerar atendimento e organizacao de grupos com bot pronto para uso." />
+    <meta name="keywords" content="comandos whatsapp, bot com comandos, automacao de respostas whatsapp" />
+    <meta name="robots" content="index, follow" />
+    <link rel="canonical" href="https://omnizap.shop/como-criar-comandos-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 criar comandos no WhatsApp com bot pronto" />
+    <meta property="og:description" content="Entenda como criar e usar comandos no WhatsApp para acelerar atendimento e organizacao de grupos com bot pronto para uso." />
+    <meta property="og:url" content="https://omnizap.shop/como-criar-comandos-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 criar comandos no WhatsApp com bot pronto" />
+    <meta name="twitter:description" content="Entenda como criar e usar comandos no WhatsApp para acelerar atendimento e organizacao de grupos com bot pronto para uso." />
+    <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 criar comandos no WhatsApp com bot pronto", "description": "Entenda como criar e usar comandos no WhatsApp para acelerar atendimento e organizacao de grupos com bot pronto para uso.", "inLanguage": "pt-BR", "url": "https://omnizap.shop/como-criar-comandos-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": "Preciso programar para ter comandos no grupo?", "acceptedAnswer": { "@type": "Answer", "text": "Nao para uso comum. O bot pronto entrega comandos basicos sem necessidade de codigo." } },
+          { "@type": "Question", "name": "Comando serve apenas para grupos grandes?", "acceptedAnswer": { "@type": "Answer", "text": "Nao. Mesmo grupos pequenos ganham produtividade com respostas padronizadas." } },
+          { "@type": "Question", "name": "Posso integrar comandos com API depois?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Se precisar evoluir para integracao, use a Area de Desenvolvedor 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 operacao</span>
+        <h1>Como criar comandos no WhatsApp sem complicar</h1>
+        <p>Comandos ajudam a transformar tarefas repetidas em respostas rapidas. Em vez de digitar tudo manualmente, voce ativa rotinas com poucas palavras.</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 comandos economizam tempo</h2>
+        <p>Em grupos ativos, as mesmas perguntas aparecem muitas vezes.</p>
+        <p>Com comando pronto, o admin responde com consistencia e reduz desgaste da equipe.</p>
+      </section>
+      <section class="card">
+        <h2>Boas praticas de comandos</h2>
+        <p>Use nomes curtos e intuitivos.</p>
+        <p>Padronize respostas para regras, horarios, links oficiais e orientacoes internas.</p>
+        <ul>
+          <li>Comando de menu</li>
+          <li>Comando de regras</li>
+          <li>Comando de suporte</li>
+        </ul>
+      </section>
+      <section class="card">
+        <h2>Comandos + moderacao + avisos</h2>
+        <p>Quando essas tres camadas trabalham juntas, a operacao fica muito mais previsivel.</p>
+        <p>Esse e o caminho mais rapido para profissionalizar grupos e comunidades.</p>
+      </section>
+      <section class="card">
+        <h2>Perguntas frequentes</h2>
+        <div class="faq-list">
+          <details class="faq-item">
+            <summary>Preciso programar para ter comandos no grupo?</summary>
+            <p>Nao para uso comum. O bot pronto entrega comandos basicos sem necessidade de codigo.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Comando serve apenas para grupos grandes?</summary>
+            <p>Nao. Mesmo grupos pequenos ganham produtividade com respostas padronizadas.</p>
+          </details>
+          <details class="faq-item">
+            <summary>Posso integrar comandos com API depois?</summary>
+            <p>Sim. Se precisar evoluir para integracao, use a Area de Desenvolvedor 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-moderar-grupo-whatsapp/">Moderacao de grupo</a>
+          <a href="/como-automatizar-avisos-no-whatsapp/">Automatizar avisos</a>
+          <a href="/melhor-bot-whatsapp-para-grupos/">Como escolher o melhor bot</a>
+        </div>
+      </section>
+    </main>
+  </body>
+</html>