@kaikybrofc/omnizap-system 2.2.8 → 2.2.10

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 (33) hide show
  1. package/README.md +1 -1
  2. package/docs/seo/omnizap-seo-playbook-br-2026-02-28.md +194 -0
  3. package/docs/seo/satellite-page-template.md +89 -0
  4. package/docs/seo/satellite-pages-phase1.json +486 -0
  5. package/package.json +3 -1
  6. package/public/api-docs/index.html +78 -22
  7. package/public/bot-whatsapp-para-grupo/index.html +276 -0
  8. package/public/bot-whatsapp-sem-programar/index.html +276 -0
  9. package/public/comandos/index.html +413 -0
  10. package/public/como-automatizar-avisos-no-whatsapp/index.html +276 -0
  11. package/public/como-criar-comandos-whatsapp/index.html +276 -0
  12. package/public/como-evitar-spam-no-whatsapp/index.html +276 -0
  13. package/public/como-moderar-grupo-whatsapp/index.html +276 -0
  14. package/public/como-organizar-comunidade-whatsapp/index.html +276 -0
  15. package/public/css/github-project-panel.css +8 -8
  16. package/public/css/stickers-admin.css +31 -31
  17. package/public/css/styles.css +17 -16
  18. package/public/index.html +701 -1181
  19. package/public/js/apps/apiDocsApp.js +39 -6
  20. package/public/js/apps/homeApp.js +157 -410
  21. package/public/js/apps/stickersApp.js +42 -0
  22. package/public/licenca/index.html +9 -9
  23. package/public/login/index.html +26 -22
  24. package/public/melhor-bot-whatsapp-para-grupos/index.html +276 -0
  25. package/public/sitemap.xml +45 -0
  26. package/public/stickers/create/index.html +7 -6
  27. package/public/stickers/index.html +72 -5
  28. package/public/termos-de-uso/index.html +10 -10
  29. package/public/user/index.html +25 -21
  30. package/scripts/generate-seo-satellite-pages.mjs +434 -0
  31. package/server/controllers/stickerCatalogController.js +341 -700
  32. package/kaikybrofc-omnizap-system-2.2.7.tgz +0 -0
  33. package/kaikybrofc-omnizap-system-2.2.8.tgz +0 -0
@@ -0,0 +1,413 @@
1
+ <!doctype html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Comandos do Bot para WhatsApp | OmniZap</title>
7
+ <meta name="description" content="Biblioteca de automação OmniZap com comandos para moderação, figurinhas, engajamento, mídia e utilidades para grupos de WhatsApp." />
8
+ <meta name="keywords" content="comandos bot whatsapp, comandos omnizap, bot para grupo whatsapp, automacao whatsapp" />
9
+ <meta name="robots" content="index, follow, max-snippet:-1" />
10
+ <link rel="canonical" href="https://omnizap.shop/comandos/" />
11
+ <link rel="icon" type="image/png" href="/assets/images/brand-icon-192.png" />
12
+ <link rel="apple-touch-icon" href="/assets/images/brand-icon-192.png" />
13
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
14
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15
+ <link
16
+ rel="stylesheet"
17
+ href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap"
18
+ />
19
+
20
+ <meta property="og:type" content="website" />
21
+ <meta property="og:locale" content="pt_BR" />
22
+ <meta property="og:site_name" content="OmniZap System" />
23
+ <meta property="og:title" content="Comandos do Bot para WhatsApp | OmniZap" />
24
+ <meta property="og:description" content="Veja os principais comandos do OmniZap para organizar grupos, moderar spam e automatizar o dia a dia no WhatsApp." />
25
+ <meta property="og:url" content="https://omnizap.shop/comandos/" />
26
+ <meta property="og:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
27
+
28
+ <meta name="twitter:card" content="summary_large_image" />
29
+ <meta name="twitter:title" content="Comandos do Bot para WhatsApp | OmniZap" />
30
+ <meta name="twitter:description" content="Mais de 50 comandos para grupos e comunidades no WhatsApp." />
31
+ <meta name="twitter:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
32
+
33
+ <script type="application/ld+json">
34
+ {
35
+ "@context": "https://schema.org",
36
+ "@type": "WebPage",
37
+ "name": "Comandos do Bot para WhatsApp | OmniZap",
38
+ "description": "Biblioteca de automação com comandos do OmniZap para grupos de WhatsApp.",
39
+ "inLanguage": "pt-BR",
40
+ "url": "https://omnizap.shop/comandos/",
41
+ "isPartOf": {
42
+ "@type": "WebSite",
43
+ "name": "OmniZap System",
44
+ "url": "https://omnizap.shop/"
45
+ }
46
+ }
47
+ </script>
48
+ <script type="application/ld+json">
49
+ {
50
+ "@context": "https://schema.org",
51
+ "@type": "FAQPage",
52
+ "mainEntity": [
53
+ {
54
+ "@type": "Question",
55
+ "name": "Preciso configurar algo técnico para usar os comandos?",
56
+ "acceptedAnswer": {
57
+ "@type": "Answer",
58
+ "text": "Não. Você adiciona o bot no grupo e já pode começar a usar os comandos principais."
59
+ }
60
+ },
61
+ {
62
+ "@type": "Question",
63
+ "name": "Quantos comandos o OmniZap possui?",
64
+ "acceptedAnswer": {
65
+ "@type": "Answer",
66
+ "text": "O OmniZap oferece mais de 50 comandos para automação, moderação, engajamento e utilidades."
67
+ }
68
+ },
69
+ {
70
+ "@type": "Question",
71
+ "name": "Posso usar comandos de moderação e stickers no mesmo grupo?",
72
+ "acceptedAnswer": {
73
+ "@type": "Answer",
74
+ "text": "Sim. Você pode combinar comandos de organização e recursos de stickers para melhorar a experiência da comunidade."
75
+ }
76
+ },
77
+ {
78
+ "@type": "Question",
79
+ "name": "Onde fica a documentação técnica da API?",
80
+ "acceptedAnswer": {
81
+ "@type": "Answer",
82
+ "text": "A documentação técnica está em https://omnizap.shop/api-docs/."
83
+ }
84
+ }
85
+ ]
86
+ }
87
+ </script>
88
+
89
+ <style>
90
+ :root {
91
+ --bg: #0f172a;
92
+ --bg-2: #111827;
93
+ --line: rgba(255, 255, 255, 0.05);
94
+ --text: #f8fafc;
95
+ --muted: #94a3b8;
96
+ --panel: #1e293bd9;
97
+ --accent: #2563eb;
98
+ --accent-2: #7c3aed;
99
+ --cta: #22c55e;
100
+ --cta-hover: #16a34a;
101
+ }
102
+
103
+ * { box-sizing: border-box; }
104
+ body {
105
+ margin: 0;
106
+ font-family: "Manrope", system-ui, -apple-system, sans-serif;
107
+ color: var(--text);
108
+ background:
109
+ radial-gradient(58rem 22rem at -10% -8%, #2563eb24, transparent 60%),
110
+ radial-gradient(62rem 26rem at 112% -12%, #7c3aed22, transparent 58%),
111
+ linear-gradient(165deg, var(--bg), var(--bg-2));
112
+ }
113
+
114
+ .wrap { width: min(1060px, 92vw); margin: 0 auto; padding: 24px 0 40px; }
115
+
116
+ .top {
117
+ display: flex;
118
+ flex-wrap: wrap;
119
+ gap: 8px;
120
+ margin-bottom: 14px;
121
+ }
122
+
123
+ .top a {
124
+ color: var(--text);
125
+ text-decoration: none;
126
+ border: 1px solid var(--line);
127
+ border-radius: 10px;
128
+ padding: 8px 11px;
129
+ background: #111827;
130
+ font-size: 14px;
131
+ font-weight: 700;
132
+ }
133
+
134
+ .hero,
135
+ .card {
136
+ border: 1px solid rgba(255, 255, 255, 0.05);
137
+ border-radius: 18px;
138
+ background: linear-gradient(150deg, #111827bf, #1e293bbf);
139
+ padding: 16px;
140
+ margin-bottom: 12px;
141
+ }
142
+
143
+ .pill {
144
+ display: inline-flex;
145
+ border: 1px solid #46679d;
146
+ border-radius: 999px;
147
+ padding: 5px 11px;
148
+ font-size: 12px;
149
+ font-weight: 800;
150
+ text-transform: uppercase;
151
+ letter-spacing: .3px;
152
+ color: #cbe1ff;
153
+ background: #16274a96;
154
+ margin-bottom: 9px;
155
+ }
156
+
157
+ h1, h2 {
158
+ margin: 0 0 8px;
159
+ font-family: "Sora", "Manrope", sans-serif;
160
+ letter-spacing: -0.02em;
161
+ }
162
+
163
+ h1 {
164
+ font-size: clamp(30px, 4vw, 46px);
165
+ line-height: 1.08;
166
+ background: linear-gradient(92deg, #f3f8ff 0%, #60a5fa 45%, #a78bfa 100%);
167
+ -webkit-background-clip: text;
168
+ background-clip: text;
169
+ color: transparent;
170
+ }
171
+
172
+ h2 { font-size: clamp(22px, 2.8vw, 31px); }
173
+
174
+ p, li {
175
+ margin: 0 0 10px;
176
+ color: var(--muted);
177
+ line-height: 1.62;
178
+ font-size: 15px;
179
+ }
180
+
181
+ .actions {
182
+ margin-top: 12px;
183
+ display: flex;
184
+ flex-wrap: wrap;
185
+ gap: 9px;
186
+ }
187
+
188
+ .btn {
189
+ text-decoration: none;
190
+ border: 1px solid rgba(255, 255, 255, 0.05);
191
+ border-radius: 11px;
192
+ padding: 10px 13px;
193
+ color: var(--text);
194
+ background: #111827;
195
+ font-weight: 800;
196
+ font-size: 14px;
197
+ }
198
+
199
+ .btn.primary {
200
+ border-color: transparent;
201
+ color: #0f172a;
202
+ background: var(--cta);
203
+ }
204
+
205
+ .btn.primary:hover { background: var(--cta-hover); }
206
+
207
+ .commands-grid {
208
+ margin-top: 14px;
209
+ display: grid;
210
+ gap: 12px;
211
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
212
+ }
213
+
214
+ .command-card {
215
+ border: 1px solid rgba(255, 255, 255, 0.05);
216
+ border-radius: 14px;
217
+ background: #1e293bb8;
218
+ padding: 13px;
219
+ }
220
+
221
+ .command-card h3 {
222
+ margin: 0 0 8px;
223
+ color: #f0f7ff;
224
+ font-size: 17px;
225
+ }
226
+
227
+ .command-list {
228
+ margin: 0;
229
+ padding: 0;
230
+ list-style: none;
231
+ display: grid;
232
+ gap: 7px;
233
+ }
234
+
235
+ .command-list li {
236
+ color: #bdd0eb;
237
+ line-height: 1.5;
238
+ font-size: 14px;
239
+ }
240
+
241
+ .command-list code {
242
+ display: inline-block;
243
+ margin-right: 6px;
244
+ padding: 2px 6px;
245
+ border: 1px solid rgba(255, 255, 255, 0.08);
246
+ border-radius: 7px;
247
+ background: #111827;
248
+ color: #f8fafc;
249
+ font-size: 12px;
250
+ font-weight: 800;
251
+ }
252
+
253
+ .faq-list {
254
+ margin-top: 10px;
255
+ display: grid;
256
+ gap: 9px;
257
+ }
258
+
259
+ .faq-item {
260
+ border: 1px solid rgba(255, 255, 255, 0.05);
261
+ border-radius: 12px;
262
+ background: #1e293bb8;
263
+ padding: 0 12px;
264
+ }
265
+
266
+ .faq-item summary {
267
+ cursor: pointer;
268
+ list-style: none;
269
+ font-weight: 800;
270
+ color: #ebf4ff;
271
+ padding: 12px 0;
272
+ }
273
+
274
+ .faq-item summary::-webkit-details-marker { display: none; }
275
+
276
+ .faq-item p { margin: 0; padding: 0 0 12px; }
277
+
278
+ .faq-item a {
279
+ color: #2563eb;
280
+ text-decoration: none;
281
+ border-bottom: 1px dashed #2563eb;
282
+ }
283
+
284
+ h1 code {
285
+ padding: 3px 8px;
286
+ border: 1px solid #3f6298;
287
+ border-radius: 9px;
288
+ background: #0f1d35;
289
+ color: #dbecff;
290
+ font-size: 0.55em;
291
+ vertical-align: middle;
292
+ }
293
+
294
+ .meta {
295
+ margin-top: 8px;
296
+ color: #8fafda;
297
+ font-size: 13px;
298
+ }
299
+ </style>
300
+ </head>
301
+ <body>
302
+ <main class="wrap">
303
+ <nav class="top" aria-label="Navegação interna">
304
+ <a href="/">Início</a>
305
+ <a href="/stickers/">Stickers</a>
306
+ <a href="/api-docs/">API Docs</a>
307
+ <a href="/login/">Adicionar Bot</a>
308
+ </nav>
309
+
310
+ <header class="hero">
311
+ <span class="pill">Biblioteca de Automação</span>
312
+ <h1>Digite <code>/menu</code> e ative mais de 50 comandos no seu grupo.</h1>
313
+ <p>Comandos prontos para moderar, organizar mensagens, engajar membros e acelerar operações no WhatsApp sem configuração técnica.</p>
314
+ <div class="actions">
315
+ <a class="btn primary" href="/login/">Adicionar ao meu grupo</a>
316
+ <a class="btn" href="/">Voltar para Home</a>
317
+ </div>
318
+ <p class="meta">Os comandos podem variar conforme permissões de admin e configuração do grupo.</p>
319
+ </header>
320
+
321
+ <section class="card" aria-labelledby="comandos-categorias">
322
+ <h2 id="comandos-categorias">Categorias de comandos mais usados</h2>
323
+ <div class="commands-grid">
324
+ <article class="command-card">
325
+ <h3>🛡️ Moderação</h3>
326
+ <ul class="command-list">
327
+ <li><code>/ban</code>Remove membros problemáticos</li>
328
+ <li><code>/captcha</code>Proteção contra bots</li>
329
+ <li><code>/setgroup</code>Ativa modo restrito</li>
330
+ <li><code>/welcome</code>Mensagem automática de boas-vindas</li>
331
+ <li><code>/farewell</code>Aviso quando alguém sai</li>
332
+ </ul>
333
+ </article>
334
+
335
+ <article class="command-card">
336
+ <h3>🎨 Figurinhas</h3>
337
+ <ul class="command-list">
338
+ <li><code>/sticker</code>Cria figurinha rapidamente</li>
339
+ <li><code>/stickertext</code>Figurinha com texto</li>
340
+ <li><code>/pack create</code>Cria pack próprio</li>
341
+ <li><code>/pack send</code>Envia pack no grupo</li>
342
+ <li><code>/toimg</code>Converte figurinha em imagem</li>
343
+ </ul>
344
+ </article>
345
+
346
+ <article class="command-card">
347
+ <h3>🎮 Engajamento</h3>
348
+ <ul class="command-list">
349
+ <li><code>/ranking</code>Ranking de atividade do grupo</li>
350
+ <li><code>/rankingglobal</code>Ranking global</li>
351
+ <li><code>/dado</code>Jogo de dados</li>
352
+ <li><code>/quote</code>Gera citação de mensagem</li>
353
+ <li><code>/user perfil</code>Resumo de perfil</li>
354
+ </ul>
355
+ </article>
356
+
357
+ <article class="command-card">
358
+ <h3>🎵 Mídia</h3>
359
+ <ul class="command-list">
360
+ <li><code>/play</code>Reprodução de música</li>
361
+ <li><code>/playvid</code>Reprodução de vídeo</li>
362
+ <li><code>/tiktok</code>Download de vídeo TikTok</li>
363
+ <li><code>/down</code>Download de mídia</li>
364
+ <li><code>/menu</code>Lista geral de comandos</li>
365
+ </ul>
366
+ </article>
367
+
368
+ <article class="command-card">
369
+ <h3>🤖 Utilidades inteligentes</h3>
370
+ <ul class="command-list">
371
+ <li><code>/menu ia</code>Recursos de IA</li>
372
+ <li><code>/autorequests</code>Respostas automáticas</li>
373
+ <li><code>/noticias</code>Notícias no grupo</li>
374
+ <li><code>/metadata</code>Informações técnicas</li>
375
+ <li><code>/ping</code>Status do bot</li>
376
+ </ul>
377
+ </article>
378
+ </div>
379
+ </section>
380
+
381
+ <section class="card">
382
+ <h2>Perguntas frequentes</h2>
383
+ <div class="faq-list">
384
+ <details class="faq-item">
385
+ <summary>Preciso configurar algo técnico para usar os comandos?</summary>
386
+ <p>Não. Você adiciona o bot no grupo e já pode começar a usar os comandos principais.</p>
387
+ </details>
388
+ <details class="faq-item">
389
+ <summary>Quantos comandos o OmniZap possui?</summary>
390
+ <p>O OmniZap oferece mais de 50 comandos para automação, moderação, engajamento e utilidades.</p>
391
+ </details>
392
+ <details class="faq-item">
393
+ <summary>Posso usar comandos de moderação e stickers no mesmo grupo?</summary>
394
+ <p>Sim. Você pode combinar comandos de organização e recursos de stickers para melhorar a experiência da comunidade.</p>
395
+ </details>
396
+ <details class="faq-item">
397
+ <summary>Onde fica a documentação técnica da API?</summary>
398
+ <p>A documentação técnica está em <a href="/api-docs/">/api-docs/</a>.</p>
399
+ </details>
400
+ </div>
401
+ </section>
402
+
403
+ <section class="hero">
404
+ <h2>Seu grupo mais organizado em menos de 1 minuto.</h2>
405
+ <p>Você adiciona. Ele organiza. Comece agora e teste os comandos no seu grupo.</p>
406
+ <div class="actions">
407
+ <a class="btn primary" href="/login/">Adicionar Bot Agora</a>
408
+ <a class="btn" href="/stickers/">Explorar Stickers</a>
409
+ </div>
410
+ </section>
411
+ </main>
412
+ </body>
413
+ </html>
@@ -0,0 +1,276 @@
1
+ <!doctype html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Como automatizar avisos no WhatsApp | Guia rapido</title>
7
+ <meta name="description" content="Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao." />
8
+ <meta name="keywords" content="automatizar avisos whatsapp, lembrete automatico whatsapp, bot para avisos" />
9
+ <meta name="robots" content="index, follow" />
10
+ <link rel="canonical" href="https://omnizap.shop/como-automatizar-avisos-no-whatsapp/" />
11
+ <link rel="icon" type="image/png" href="/assets/images/brand-icon-192.png" />
12
+
13
+ <meta property="og:type" content="article" />
14
+ <meta property="og:locale" content="pt_BR" />
15
+ <meta property="og:site_name" content="OmniZap System" />
16
+ <meta property="og:title" content="Como automatizar avisos no WhatsApp | Guia rapido" />
17
+ <meta property="og:description" content="Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao." />
18
+ <meta property="og:url" content="https://omnizap.shop/como-automatizar-avisos-no-whatsapp/" />
19
+ <meta property="og:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
20
+
21
+ <meta name="twitter:card" content="summary_large_image" />
22
+ <meta name="twitter:title" content="Como automatizar avisos no WhatsApp | Guia rapido" />
23
+ <meta name="twitter:description" content="Aprenda como automatizar avisos no WhatsApp para grupos e comunidades. Envie lembretes com consistencia e reduza falhas de comunicacao." />
24
+ <meta name="twitter:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
25
+
26
+ <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>
27
+ <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>
28
+
29
+ <style>
30
+ :root {
31
+ --bg: #0f172a;
32
+ --bg-2: #111827;
33
+ --line: rgba(255, 255, 255, 0.05);
34
+ --text: #f8fafc;
35
+ --muted: #94a3b8;
36
+ --card: #1e293bd9;
37
+ --accent: #2563eb;
38
+ --accent-2: #7c3aed;
39
+ --cta: #22c55e;
40
+ --cta-hover: #16a34a;
41
+ }
42
+
43
+ * { box-sizing: border-box; }
44
+ body {
45
+ margin: 0;
46
+ font-family: "Manrope", system-ui, -apple-system, sans-serif;
47
+ color: var(--text);
48
+ background:
49
+ radial-gradient(58rem 22rem at -10% -8%, #2563eb24, transparent 60%),
50
+ radial-gradient(62rem 26rem at 112% -12%, #7c3aed22, transparent 58%),
51
+ linear-gradient(165deg, var(--bg), var(--bg-2));
52
+ }
53
+
54
+ .wrap { width: min(980px, 92vw); margin: 0 auto; padding: 22px 0 42px; }
55
+
56
+ .top {
57
+ display: flex;
58
+ flex-wrap: wrap;
59
+ gap: 8px;
60
+ margin-bottom: 14px;
61
+ }
62
+
63
+ .top a {
64
+ color: var(--text);
65
+ text-decoration: none;
66
+ border: 1px solid var(--line);
67
+ border-radius: 10px;
68
+ padding: 8px 11px;
69
+ background: #111827;
70
+ font-size: 14px;
71
+ font-weight: 700;
72
+ }
73
+
74
+ .hero,
75
+ .card {
76
+ border: 1px solid rgba(255, 255, 255, 0.05);
77
+ border-radius: 16px;
78
+ background: var(--card);
79
+ padding: 16px;
80
+ margin-bottom: 12px;
81
+ }
82
+
83
+ .pill {
84
+ display: inline-flex;
85
+ border: 1px solid #45689f;
86
+ border-radius: 999px;
87
+ padding: 5px 10px;
88
+ font-size: 12px;
89
+ font-weight: 800;
90
+ text-transform: uppercase;
91
+ letter-spacing: .3px;
92
+ color: #cde4ff;
93
+ background: #16274a96;
94
+ margin-bottom: 10px;
95
+ }
96
+
97
+ h1, h2 {
98
+ margin: 0 0 8px;
99
+ font-family: "Sora", "Manrope", sans-serif;
100
+ letter-spacing: -0.02em;
101
+ }
102
+
103
+ h1 {
104
+ font-size: clamp(29px, 4vw, 42px);
105
+ line-height: 1.08;
106
+ background: linear-gradient(92deg, #f3f8ff 0%, #60a5fa 45%, #a78bfa 100%);
107
+ -webkit-background-clip: text;
108
+ background-clip: text;
109
+ color: transparent;
110
+ }
111
+
112
+ h2 { font-size: clamp(22px, 2.8vw, 30px); }
113
+
114
+ p, li {
115
+ margin: 0 0 10px;
116
+ color: var(--muted);
117
+ line-height: 1.65;
118
+ font-size: 16px;
119
+ }
120
+
121
+ ul { margin: 0; padding-left: 18px; }
122
+
123
+ .cta {
124
+ display: flex;
125
+ flex-wrap: wrap;
126
+ gap: 8px;
127
+ margin-top: 12px;
128
+ }
129
+
130
+ .btn {
131
+ text-decoration: none;
132
+ border: 1px solid rgba(255, 255, 255, 0.05);
133
+ border-radius: 11px;
134
+ padding: 10px 13px;
135
+ color: var(--text);
136
+ background: #111827;
137
+ font-weight: 800;
138
+ font-size: 14px;
139
+ }
140
+
141
+ .btn.primary {
142
+ border-color: transparent;
143
+ color: #0f172a;
144
+ background: var(--cta);
145
+ }
146
+
147
+ .btn.primary:hover { background: var(--cta-hover); }
148
+
149
+ .faq-list {
150
+ display: grid;
151
+ gap: 9px;
152
+ }
153
+
154
+ .faq-item {
155
+ border: 1px solid rgba(255, 255, 255, 0.05);
156
+ border-radius: 12px;
157
+ background: #1e293bb8;
158
+ padding: 0 12px;
159
+ }
160
+
161
+ .faq-item summary {
162
+ cursor: pointer;
163
+ list-style: none;
164
+ font-weight: 800;
165
+ color: #ebf4ff;
166
+ padding: 12px 0;
167
+ }
168
+
169
+ .faq-item summary::-webkit-details-marker { display: none; }
170
+
171
+ .faq-item p {
172
+ margin: 0;
173
+ padding: 0 0 12px;
174
+ font-size: 15px;
175
+ }
176
+
177
+ .links-grid {
178
+ display: grid;
179
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
180
+ gap: 8px;
181
+ }
182
+
183
+ .links-grid a {
184
+ text-decoration: none;
185
+ color: #dbecff;
186
+ border: 1px solid #365686;
187
+ border-radius: 10px;
188
+ padding: 9px 10px;
189
+ background: #10203d;
190
+ font-weight: 700;
191
+ }
192
+
193
+ .meta {
194
+ margin-top: 8px;
195
+ font-size: 13px;
196
+ color: #95b2d8;
197
+ }
198
+ </style>
199
+ </head>
200
+ <body>
201
+ <main class="wrap">
202
+ <nav class="top" aria-label="Navegação interna">
203
+ <a href="/">Início</a>
204
+ <a href="/stickers/">Stickers</a>
205
+ <a href="/api-docs/">API Docs</a>
206
+ <a href="/login/">Adicionar Bot</a>
207
+ </nav>
208
+
209
+ <header class="hero">
210
+ <span class="pill">Guia de automacao</span>
211
+ <h1>Como automatizar avisos no WhatsApp sem esquecer recados</h1>
212
+ <p>Avisos manuais dependem de memoria e disponibilidade. Com automacao, o grupo recebe recados importantes no horario certo, todos os dias.</p>
213
+ <div class="cta">
214
+ <a class="btn primary" href="/login/">Adicionar ao meu grupo</a>
215
+ <a class="btn" href="/">Conhecer OmniZap</a>
216
+ </div>
217
+ <p class="meta">Página atualizada em 2026-02-28</p>
218
+ </header>
219
+
220
+ <section class="card">
221
+ <h2>Quando avisos automaticos fazem diferenca</h2>
222
+ <p>Reunioes, eventos, prazos e lembretes recorrentes sao casos classicos.</p>
223
+ <p>A automacao evita falha humana e melhora a confianca do grupo na comunicacao.</p>
224
+ </section>
225
+
226
+ <section class="card">
227
+ <h2>Modelo simples para comecar</h2>
228
+ <p>Defina os avisos que mais se repetem e padronize mensagem e frequencia.</p>
229
+ <p>Com bot pronto, esse fluxo roda sem precisar montar infraestrutura propria.</p>
230
+ <ul>
231
+ <li>Recados diarios</li>
232
+ <li>Lembretes antes de eventos</li>
233
+ <li>Avisos fixos para novos membros</li>
234
+ </ul>
235
+ </section>
236
+
237
+ <section class="card">
238
+ <h2>Ganhos para admins e membros</h2>
239
+ <p>Admin ganha tempo para tarefas estrategicas.</p>
240
+ <p>Membros recebem informacao no momento certo, com menos retrabalho.</p>
241
+ </section>
242
+
243
+ <section class="card">
244
+ <h2>Perguntas frequentes</h2>
245
+ <div class="faq-list">
246
+ <details class="faq-item">
247
+ <summary>Automatizar aviso deixa o grupo robotizado?</summary>
248
+ <p>Nao. A ideia e automatizar o repetitivo e liberar tempo para interacao humana de qualidade.</p>
249
+ </details>
250
+ <details class="faq-item">
251
+ <summary>Posso combinar avisos com moderacao?</summary>
252
+ <p>Sim. Essa combinacao e recomendada para grupos ativos.</p>
253
+ </details>
254
+ <details class="faq-item">
255
+ <summary>Existe modo avancado para integracao tecnica?</summary>
256
+ <p>Sim. A documentacao para cenarios avancados esta em /api-docs/.</p>
257
+ </details>
258
+ </div>
259
+ </section>
260
+
261
+ <section class="card">
262
+ <h2>Links úteis</h2>
263
+ <div class="links-grid">
264
+ <a href="/">OmniZap Home</a>
265
+ <a href="/stickers/">Catálogo de Stickers</a>
266
+ <a href="/comandos/">Biblioteca de Comandos</a>
267
+ <a href="/api-docs/">Área de Desenvolvedor</a>
268
+ <a href="/login/">Adicionar bot agora</a>
269
+ <a href="/como-organizar-comunidade-whatsapp/">Organizar comunidade no WhatsApp</a>
270
+ <a href="/como-evitar-spam-no-whatsapp/">Evitar spam no WhatsApp</a>
271
+ <a href="/bot-whatsapp-sem-programar/">Bot sem programar</a>
272
+ </div>
273
+ </section>
274
+ </main>
275
+ </body>
276
+ </html>