@kaikybrofc/omnizap-system 2.2.8 → 2.2.10

package/public/js/apps/stickersApp.js

@@ -2200,6 +2200,7 @@ function PackPage({
     ? NSFW_STICKER_PLACEHOLDER_URL
     : pack?.cover_url || items?.[0]?.asset_url || DEFAULT_STICKER_PLACEHOLDER_URL;
   const whatsappUrl = String(pack?.whatsapp?.url || '').trim();
+  const packApiPath = `/api/sticker-packs/${encodeURIComponent(String(pack?.pack_key || '').trim())}`;
   const engagement = getPackEngagement(pack);
   const hasReactionRequest = Boolean(reactionLoading);
   const [previewIndex, setPreviewIndex] = useState(-1);
@@ -2306,6 +2307,29 @@ function PackPage({
             ? html`<p className="text-sm leading-6 text-slate-300">${pack.description}</p>`
             : null}
 
+          <section className="rounded-xl border border-cyan-500/25 bg-cyan-500/5 p-3">
+            <p className="text-[11px] uppercase tracking-wide text-cyan-200">Use este pack no seu bot</p>
+            <p className="mt-1 text-sm text-slate-200">
+              Este pack faz parte do módulo de stickers da plataforma OmniZap. Você pode consumir por API e conectar ao seu fluxo de automação WhatsApp.
+            </p>
+            <pre className="mt-2 overflow-auto rounded-lg border border-slate-800 bg-slate-950/60 p-2 text-[11px] text-slate-300">
+GET ${packApiPath}
+POST ${packApiPath}/open
+POST ${packApiPath}/like
+            </pre>
+            <div className="mt-2 flex flex-wrap gap-2">
+              <a href="/api-docs/" className="inline-flex h-8 items-center rounded-lg border border-cyan-500/35 bg-cyan-500/10 px-3 text-[11px] font-semibold text-cyan-100 hover:bg-cyan-500/20">
+                Ver API e exemplos
+              </a>
+              <a href="/" className="inline-flex h-8 items-center rounded-lg border border-slate-700 bg-slate-900/70 px-3 text-[11px] text-slate-200 hover:bg-slate-800">
+                Plataforma OmniZap
+              </a>
+              <a href="/stickers/" className="inline-flex h-8 items-center rounded-lg border border-slate-700 bg-slate-900/70 px-3 text-[11px] text-slate-200 hover:bg-slate-800">
+                Voltar ao catálogo
+              </a>
+            </div>
+          </section>
+
           ${tags.length
             ? html`
                 <div className="space-y-1">
@@ -4395,6 +4419,24 @@ function StickersApp() {
                   />`}
             `
             : html`
+              <section className="rounded-2xl border border-slate-800 bg-slate-900/80 p-3 sm:p-4">
+                <p className="text-[11px] uppercase tracking-wide text-slate-400">Módulo de stickers da plataforma OmniZap</p>
+                <h1 className="mt-1 text-lg sm:text-xl font-extrabold tracking-tight text-slate-100">
+                  Catálogo de stickers integrável via API
+                </h1>
+                <p className="mt-1 text-sm text-slate-300">
+                  Os stickers são uma feature do OmniZap para bots e automação WhatsApp. Explore packs públicos e integre no seu sistema com endpoints documentados.
+                </p>
+                <div className="mt-2 flex flex-wrap gap-2">
+                  <a href="/api-docs/" className="inline-flex h-8 items-center rounded-lg border border-cyan-500/35 bg-cyan-500/10 px-3 text-[11px] font-semibold text-cyan-100 hover:bg-cyan-500/20">
+                    Área de Desenvolvedor
+                  </a>
+                  <a href="/" className="inline-flex h-8 items-center rounded-lg border border-slate-700 bg-slate-900/70 px-3 text-[11px] text-slate-200 hover:bg-slate-800">
+                    Página principal OmniZap
+                  </a>
+                </div>
+              </section>
+
               <div className="lg:grid lg:grid-cols-[220px_minmax(0,1fr)] lg:gap-4">
                 <aside className="hidden lg:block">
                   <div className="sticky top-[72px] space-y-2.5 rounded-2xl border border-slate-800 bg-slate-900/80 p-2.5">

package/public/licenca/index.html

@@ -11,12 +11,12 @@
   <link rel="apple-touch-icon" href="https://iili.io/FC3FABe.jpg" />
   <style>
     :root {
-      --bg: #0b1020;
-      --bg-2: #121a2f;
-      --line: #2a3b60;
-      --text: #e6edf7;
-      --muted: #9fb0cc;
-      --card: #141e36cc;
+      --bg: #0f172a;
+      --bg-2: #111827;
+      --line: rgba(255, 255, 255, 0.05);
+      --text: #f8fafc;
+      --muted: #94a3b8;
+      --card: #1e293bcc;
     }
     * { box-sizing: border-box; }
     body {
@@ -24,8 +24,8 @@
       font-family: "Manrope", system-ui, -apple-system, sans-serif;
       color: var(--text);
       background:
-        radial-gradient(58rem 24rem at -8% -12%, #22c55e26, transparent 60%),
-        radial-gradient(58rem 24rem at 112% -10%, #38bdf822, transparent 58%),
+        radial-gradient(58rem 24rem at -8% -12%, #2563eb26, transparent 60%),
+        radial-gradient(58rem 24rem at 112% -10%, #7c3aed22, transparent 58%),
         linear-gradient(165deg, var(--bg), var(--bg-2));
     }
     .wrap { width: min(960px, 92vw); margin: 0 auto; padding: 24px 0 42px; }
@@ -41,7 +41,7 @@
       border: 1px solid var(--line);
       border-radius: 10px;
       padding: 8px 12px;
-      background: #111a2d;
+      background: #111827;
     }
     .card {
       border: 1px solid var(--line);

package/public/login/index.html

@@ -8,8 +8,8 @@
     name="description"
     content="Login OmniZap System com Google para vincular sua conta ao numero do WhatsApp."
   />
-  <meta name="robots" content="index, follow" />
-  <meta name="theme-color" content="#0b1020" />
+  <meta name="robots" content="noindex, nofollow" />
+  <meta name="theme-color" content="#0f172a" />
   <link rel="canonical" href="https://omnizap.shop/login/" />
   <link rel="icon" type="image/jpeg" href="https://iili.io/FC3FABe.jpg" />
   <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -31,12 +31,12 @@
   </script>
   <style>
     :root {
-      --bg: #0b1020;
-      --bg-2: #121a2f;
-      --card: #121f39cf;
-      --line: #2f466f;
-      --text: #e6edf7;
-      --muted: #9bb0cf;
+      --bg: #0f172a;
+      --bg-2: #111827;
+      --card: #1e293bcf;
+      --line: rgba(255, 255, 255, 0.05);
+      --text: #f8fafc;
+      --muted: #94a3b8;
       --primary: #22c55e;
       --error: #f87171;
       --radius: 18px;
@@ -57,8 +57,8 @@
       color: var(--text);
       font-family: "Manrope", system-ui, sans-serif;
       background:
-        radial-gradient(55rem 22rem at -10% -10%, #1fce6f30, transparent 60%),
-        radial-gradient(55rem 22rem at 110% -8%, #43b8ff22, transparent 56%),
+        radial-gradient(55rem 22rem at -10% -10%, #2563eb30, transparent 60%),
+        radial-gradient(55rem 22rem at 110% -8%, #7c3aed22, transparent 56%),
         linear-gradient(160deg, var(--bg), var(--bg-2));
       min-height: 100vh;
       display: flex;
@@ -69,15 +69,15 @@
 
     .page {
       width: min(760px, 100%);
-      border: 1px solid #314b74;
+      border: 1px solid rgba(255, 255, 255, 0.05);
       border-radius: 24px;
-      background: linear-gradient(150deg, #0f1a31e8, #0f1b34ee);
+      background: linear-gradient(150deg, #111827e8, #1e293bee);
       box-shadow: 0 18px 44px #0209166e, inset 0 1px 0 #95c1ff1a;
       overflow: hidden;
     }
 
     .head {
-      border-bottom: 1px solid #2a3f63;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.05);
       padding: 20px 22px;
       display: flex;
       align-items: center;
@@ -101,7 +101,7 @@
       width: 30px;
       height: 30px;
       border-radius: 50%;
-      border: 1px solid #33507e;
+      border: 1px solid rgba(255, 255, 255, 0.05);
       object-fit: cover;
     }
 
@@ -120,17 +120,21 @@
 
     .btn:hover {
       transform: translateY(-1px);
-      border-color: #4e6ea1;
+      border-color: #2563eb;
       box-shadow: 0 10px 20px #02091650;
     }
 
     .btn.primary {
       border-color: transparent;
-      background: linear-gradient(90deg, var(--primary), #16a34a);
-      color: #052412;
+      background: #22c55e;
+      color: #0f172a;
       box-shadow: 0 10px 22px #22c55e30;
     }
 
+    .btn.primary:hover {
+      background: #16a34a;
+    }
+
     .content {
       padding: 24px 22px;
       display: grid;
@@ -143,7 +147,7 @@
       font-size: clamp(26px, 3.6vw, 36px);
       line-height: 1.08;
       letter-spacing: -0.02em;
-      background: linear-gradient(90deg, #eef5ff 0%, #8fd7ff 46%, #6ce8b5 100%);
+      background: linear-gradient(90deg, #eef5ff 0%, #60a5fa 46%, #a78bfa 100%);
       -webkit-background-clip: text;
       background-clip: text;
       color: transparent;
@@ -193,7 +197,7 @@
     .google-area {
       border: 1px dashed #3c5b8d;
       border-radius: 14px;
-      background: #0f1930a3;
+      background: #111827a3;
       padding: 12px;
       display: grid;
       gap: 10px;
@@ -218,7 +222,7 @@
     .summary {
       border: 1px solid #2b8b5d9c;
       border-radius: 12px;
-      background: #112d2094;
+      background: #11302294;
       padding: 10px;
       display: grid;
       gap: 6px;
@@ -229,7 +233,7 @@
     .whatsapp-cta {
       border: 1px solid #2d7d57a8;
       border-radius: 14px;
-      background: #1032248f;
+      background: #1130228f;
       padding: 12px;
       display: grid;
       gap: 10px;
@@ -248,7 +252,7 @@
 
     .btn.whatsapp {
       border-color: #1e9a5f;
-      background: linear-gradient(90deg, #1fc86a, #16a34a);
+      background: linear-gradient(90deg, #22c55e, #16a34a);
       color: #04230f;
       text-align: center;
     }

package/public/melhor-bot-whatsapp-para-grupos/index.html

@@ -0,0 +1,276 @@
+<!doctype html>
+<html lang="pt-BR">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Melhor bot para WhatsApp em grupos | Como escolher</title>
+  <meta name="description" content="Compare criterios para escolher o melhor bot para grupos de WhatsApp. Veja o que avaliar em moderacao, automacao e facilidade de uso." />
+  <meta name="keywords" content="melhor bot whatsapp, bot para grupos, comparativo bot whatsapp" />
+  <meta name="robots" content="index, follow" />
+  <link rel="canonical" href="https://omnizap.shop/melhor-bot-whatsapp-para-grupos/" />
+  <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="Melhor bot para WhatsApp em grupos | Como escolher" />
+  <meta property="og:description" content="Compare criterios para escolher o melhor bot para grupos de WhatsApp. Veja o que avaliar em moderacao, automacao e facilidade de uso." />
+  <meta property="og:url" content="https://omnizap.shop/melhor-bot-whatsapp-para-grupos/" />
+  <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="Melhor bot para WhatsApp em grupos | Como escolher" />
+  <meta name="twitter:description" content="Compare criterios para escolher o melhor bot para grupos de WhatsApp. Veja o que avaliar em moderacao, automacao e facilidade de 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":"Melhor bot para WhatsApp em grupos | Como escolher","description":"Compare criterios para escolher o melhor bot para grupos de WhatsApp. Veja o que avaliar em moderacao, automacao e facilidade de uso.","inLanguage":"pt-BR","url":"https://omnizap.shop/melhor-bot-whatsapp-para-grupos/","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":"Existe melhor bot universal para todo cenario?","acceptedAnswer":{"@type":"Answer","text":"Nao. O melhor bot depende do problema principal do seu grupo e da facilidade de adocao."}},{"@type":"Question","name":"Vale priorizar bot sem configuracao tecnica?","acceptedAnswer":{"@type":"Answer","text":"Sim, especialmente para times que precisam de velocidade e previsibilidade."}},{"@type":"Question","name":"Onde encontro modulo de stickers para engajamento?","acceptedAnswer":{"@type":"Answer","text":"No catalogo em /stickers/."}}]}</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: .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">Comparativo pratico</span>
+      <h1>Melhor bot para grupos de WhatsApp: o que realmente importa</h1>
+      <p>Escolher bot so por nome de marca costuma gerar retrabalho. O criterio certo e avaliar resultado operacional: menos caos, menos spam e mais organizacao.</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>Criterios que importam na pratica</h2>
+        <p>Facilidade de entrada, moderacao automatica e rotina de avisos sao os pilares mais importantes.</p>
+        <p>Se o bot exigir setup tecnico complexo, a adocao no dia a dia tende a cair.</p>
+        <ul>
+          <li>Tempo para entrar em operacao</li>
+          <li>Qualidade da moderacao</li>
+          <li>Capacidade de escalar com o grupo</li>
+        </ul>
+    </section>
+
+<section class="card">
+      <h2>Sinal de escolha certa</h2>
+        <p>A equipe gasta menos tempo apagando incendio e mais tempo gerando valor para membros.</p>
+        <p>Quando o grupo fica previsivel, a percepcao de profissionalismo sobe.</p>
+    </section>
+
+<section class="card">
+      <h2>Como testar rapido</h2>
+        <p>Defina um grupo piloto e acompanhe 7 dias de operacao.</p>
+        <p>Meça reducao de spam, clareza de comunicacao e tempo economizado por admin.</p>
+    </section>
+
+<section class="card">
+      <h2>Perguntas frequentes</h2>
+      <div class="faq-list">
+        <details class="faq-item">
+          <summary>Existe melhor bot universal para todo cenario?</summary>
+          <p>Nao. O melhor bot depende do problema principal do seu grupo e da facilidade de adocao.</p>
+        </details>
+        <details class="faq-item">
+          <summary>Vale priorizar bot sem configuracao tecnica?</summary>
+          <p>Sim, especialmente para times que precisam de velocidade e previsibilidade.</p>
+        </details>
+        <details class="faq-item">
+          <summary>Onde encontro modulo de stickers para engajamento?</summary>
+          <p>No catalogo em /stickers/.</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="/bot-whatsapp-para-grupo/">Bot para grupo</a>
+        <a href="/bot-whatsapp-sem-programar/">Bot sem programar</a>
+        <a href="/como-moderar-grupo-whatsapp/">Guia de moderacao</a>
+      </div>
+    </section>
+  </main>
+</body>
+</html>

package/public/sitemap.xml

@@ -15,6 +15,11 @@
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
+  <url>
+    <loc>https://omnizap.shop/comandos/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.78</priority>
+  </url>
   <url>
     <loc>https://omnizap.shop/termos-de-uso/</loc>
     <changefreq>monthly</changefreq>
@@ -25,4 +30,44 @@
     <changefreq>monthly</changefreq>
     <priority>0.5</priority>
   </url>
+  <url>
+    <loc>https://omnizap.shop/bot-whatsapp-para-grupo/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.75</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/como-moderar-grupo-whatsapp/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.72</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/como-evitar-spam-no-whatsapp/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.72</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/como-organizar-comunidade-whatsapp/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.72</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/como-automatizar-avisos-no-whatsapp/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.72</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/como-criar-comandos-whatsapp/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.71</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/melhor-bot-whatsapp-para-grupos/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.74</priority>
+  </url>
+  <url>
+    <loc>https://omnizap.shop/bot-whatsapp-sem-programar/</loc>
+    <changefreq>weekly</changefreq>
+    <priority>0.73</priority>
+  </url>
 </urlset>

package/public/stickers/create/index.html

@@ -20,12 +20,13 @@
             display: ['Sora', 'ui-sans-serif', 'system-ui']
           },
           colors: {
-            base: '#090d14',
-            panel: '#111722',
-            panelSoft: '#151f2d',
-            line: '#243042',
-            accent: '#2dd4bf',
-            accent2: '#34d399',
+            base: '#0f172a',
+            panel: '#1e293b',
+            panelSoft: '#111827',
+            line: 'rgba(255,255,255,0.05)',
+            accent: '#2563eb',
+            accent2: '#7c3aed',
+            cta: '#22c55e',
           },
           boxShadow: {
             panel: '0 20px 40px rgba(0,0,0,.35)'