@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.
- package/README.md +1 -1
- package/docs/seo/omnizap-seo-playbook-br-2026-02-28.md +194 -0
- package/docs/seo/satellite-page-template.md +89 -0
- package/docs/seo/satellite-pages-phase1.json +486 -0
- package/package.json +3 -1
- package/public/api-docs/index.html +78 -22
- package/public/bot-whatsapp-para-grupo/index.html +276 -0
- package/public/bot-whatsapp-sem-programar/index.html +276 -0
- package/public/comandos/index.html +413 -0
- package/public/como-automatizar-avisos-no-whatsapp/index.html +276 -0
- package/public/como-criar-comandos-whatsapp/index.html +276 -0
- package/public/como-evitar-spam-no-whatsapp/index.html +276 -0
- package/public/como-moderar-grupo-whatsapp/index.html +276 -0
- package/public/como-organizar-comunidade-whatsapp/index.html +276 -0
- package/public/css/github-project-panel.css +8 -8
- package/public/css/stickers-admin.css +31 -31
- package/public/css/styles.css +17 -16
- package/public/index.html +701 -1181
- package/public/js/apps/apiDocsApp.js +39 -6
- package/public/js/apps/homeApp.js +157 -410
- package/public/js/apps/stickersApp.js +42 -0
- package/public/licenca/index.html +9 -9
- package/public/login/index.html +26 -22
- package/public/melhor-bot-whatsapp-para-grupos/index.html +276 -0
- package/public/sitemap.xml +45 -0
- package/public/stickers/create/index.html +7 -6
- package/public/stickers/index.html +72 -5
- package/public/termos-de-uso/index.html +10 -10
- package/public/user/index.html +25 -21
- package/scripts/generate-seo-satellite-pages.mjs +434 -0
- package/server/controllers/stickerCatalogController.js +341 -700
- package/kaikybrofc-omnizap-system-2.2.7.tgz +0 -0
- package/kaikybrofc-omnizap-system-2.2.8.tgz +0 -0
|
@@ -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 moderar grupo no WhatsApp com bot | Guia pratico</title>
|
|
7
|
+
<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." />
|
|
8
|
+
<meta name="keywords" content="como moderar grupo whatsapp, bot para moderar grupo, organizacao de grupo whatsapp" />
|
|
9
|
+
<meta name="robots" content="index, follow" />
|
|
10
|
+
<link rel="canonical" href="https://omnizap.shop/como-moderar-grupo-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 moderar grupo no WhatsApp com bot | Guia pratico" />
|
|
17
|
+
<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." />
|
|
18
|
+
<meta property="og:url" content="https://omnizap.shop/como-moderar-grupo-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 moderar grupo no WhatsApp com bot | Guia pratico" />
|
|
23
|
+
<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." />
|
|
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 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>
|
|
27
|
+
<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>
|
|
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 dor</span>
|
|
211
|
+
<h1>Como moderar grupo no WhatsApp sem sobrecarga</h1>
|
|
212
|
+
<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>
|
|
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>Problemas comuns em grupos sem moderacao</h2>
|
|
222
|
+
<p>Quando nao existe rotina de moderacao, o grupo perde foco rapido.</p>
|
|
223
|
+
<p>Mensagem fora de contexto, links em excesso e repeticao de conflitos viram padrao.</p>
|
|
224
|
+
<ul>
|
|
225
|
+
<li>Spam de links e divulgacoes</li>
|
|
226
|
+
<li>Perguntas repetidas sem resposta padrao</li>
|
|
227
|
+
<li>Administrador sobrecarregado</li>
|
|
228
|
+
</ul>
|
|
229
|
+
</section>
|
|
230
|
+
|
|
231
|
+
<section class="card">
|
|
232
|
+
<h2>O que automatizar primeiro</h2>
|
|
233
|
+
<p>Comece por regras simples: aviso de boas-vindas, lembrete de regras e bloqueio de comportamento abusivo.</p>
|
|
234
|
+
<p>Esses tres pontos ja elevam a qualidade do grupo sem aumentar custo operacional.</p>
|
|
235
|
+
</section>
|
|
236
|
+
|
|
237
|
+
<section class="card">
|
|
238
|
+
<h2>Moderacao com previsibilidade</h2>
|
|
239
|
+
<p>Com o bot ativo, voce cria padrao de operacao para o grupo.</p>
|
|
240
|
+
<p>Isso reduz desgaste da equipe e melhora a experiencia de quem participa.</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>Da para moderar grupo sem ficar online o tempo todo?</summary>
|
|
248
|
+
<p>Sim. O bot executa regras automaticas e reduz a dependencia de moderacao manual constante.</p>
|
|
249
|
+
</details>
|
|
250
|
+
<details class="faq-item">
|
|
251
|
+
<summary>Posso combinar moderacao e avisos automaticos?</summary>
|
|
252
|
+
<p>Sim. Essa combinacao costuma ser o melhor ponto de partida para grupos em crescimento.</p>
|
|
253
|
+
</details>
|
|
254
|
+
<details class="faq-item">
|
|
255
|
+
<summary>Onde vejo recursos tecnicos avancados?</summary>
|
|
256
|
+
<p>A documentacao de integracao 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-evitar-spam-no-whatsapp/">Como evitar spam no WhatsApp</a>
|
|
270
|
+
<a href="/como-organizar-comunidade-whatsapp/">Como organizar comunidade no WhatsApp</a>
|
|
271
|
+
<a href="/bot-whatsapp-para-grupo/">Bot para grupo de WhatsApp</a>
|
|
272
|
+
</div>
|
|
273
|
+
</section>
|
|
274
|
+
</main>
|
|
275
|
+
</body>
|
|
276
|
+
</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 organizar comunidade no WhatsApp com automacao</title>
|
|
7
|
+
<meta name="description" content="Veja como organizar comunidade no WhatsApp com bot pronto: regras claras, avisos automaticos e menos ruído nas conversas." />
|
|
8
|
+
<meta name="keywords" content="organizar comunidade whatsapp, bot para comunidade, automacao whatsapp grupo" />
|
|
9
|
+
<meta name="robots" content="index, follow" />
|
|
10
|
+
<link rel="canonical" href="https://omnizap.shop/como-organizar-comunidade-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 organizar comunidade no WhatsApp com automacao" />
|
|
17
|
+
<meta property="og:description" content="Veja como organizar comunidade no WhatsApp com bot pronto: regras claras, avisos automaticos e menos ruído nas conversas." />
|
|
18
|
+
<meta property="og:url" content="https://omnizap.shop/como-organizar-comunidade-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 organizar comunidade no WhatsApp com automacao" />
|
|
23
|
+
<meta name="twitter:description" content="Veja como organizar comunidade no WhatsApp com bot pronto: regras claras, avisos automaticos e menos ruído nas conversas." />
|
|
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 organizar comunidade no WhatsApp com automacao","description":"Veja como organizar comunidade no WhatsApp com bot pronto: regras claras, avisos automaticos e menos ruído nas conversas.","inLanguage":"pt-BR","url":"https://omnizap.shop/como-organizar-comunidade-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":"Esse modelo serve para comunidades pequenas?","acceptedAnswer":{"@type":"Answer","text":"Sim. Quanto antes automatizar, mais facil manter padrao quando a comunidade crescer."}},{"@type":"Question","name":"Posso usar o bot em comunidade e grupos ao mesmo tempo?","acceptedAnswer":{"@type":"Answer","text":"Sim. O bot pode apoiar diferentes contextos de operacao no WhatsApp."}},{"@type":"Question","name":"Onde encontro os recursos extras do ecossistema?","acceptedAnswer":{"@type":"Answer","text":"Voce pode explorar stickers e recursos complementares em /stickers/."}}]}</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 organizacao</span>
|
|
211
|
+
<h1>Como organizar comunidade no WhatsApp de forma pratica</h1>
|
|
212
|
+
<p>Comunidade forte precisa de rotina. Quando a operacao depende so de humanos, a comunicacao fica inconsistente. A automacao ajuda a manter padrao e previsibilidade.</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>Estrutura minima para comunidade</h2>
|
|
222
|
+
<p>Toda comunidade precisa de boas-vindas, regras visiveis e canal de avisos.</p>
|
|
223
|
+
<p>Com bot pronto, essa estrutura roda de forma continua, mesmo com alto volume de mensagens.</p>
|
|
224
|
+
</section>
|
|
225
|
+
|
|
226
|
+
<section class="card">
|
|
227
|
+
<h2>Automacao que melhora experiencia</h2>
|
|
228
|
+
<p>Ajuste respostas para perguntas recorrentes e reduza friccao de suporte.</p>
|
|
229
|
+
<p>Use lembretes automaticos para horarios, eventos e combinados da comunidade.</p>
|
|
230
|
+
<ul>
|
|
231
|
+
<li>Menos ruido</li>
|
|
232
|
+
<li>Mais clareza</li>
|
|
233
|
+
<li>Tempo da equipe preservado</li>
|
|
234
|
+
</ul>
|
|
235
|
+
</section>
|
|
236
|
+
|
|
237
|
+
<section class="card">
|
|
238
|
+
<h2>Escala sem perder qualidade</h2>
|
|
239
|
+
<p>Quando os processos basicos estao automatizados, a comunidade cresce com menos caos.</p>
|
|
240
|
+
<p>Isso permite que admins foquem em conteudo, relacionamento e crescimento.</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>Esse modelo serve para comunidades pequenas?</summary>
|
|
248
|
+
<p>Sim. Quanto antes automatizar, mais facil manter padrao quando a comunidade crescer.</p>
|
|
249
|
+
</details>
|
|
250
|
+
<details class="faq-item">
|
|
251
|
+
<summary>Posso usar o bot em comunidade e grupos ao mesmo tempo?</summary>
|
|
252
|
+
<p>Sim. O bot pode apoiar diferentes contextos de operacao no WhatsApp.</p>
|
|
253
|
+
</details>
|
|
254
|
+
<details class="faq-item">
|
|
255
|
+
<summary>Onde encontro os recursos extras do ecossistema?</summary>
|
|
256
|
+
<p>Voce pode explorar stickers e recursos complementares em /stickers/.</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-automatizar-avisos-no-whatsapp/">Automatizar avisos no WhatsApp</a>
|
|
270
|
+
<a href="/como-moderar-grupo-whatsapp/">Moderacao de grupos</a>
|
|
271
|
+
<a href="/bot-whatsapp-para-grupo/">Bot para grupo</a>
|
|
272
|
+
</div>
|
|
273
|
+
</section>
|
|
274
|
+
</main>
|
|
275
|
+
</body>
|
|
276
|
+
</html>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gh-bg: rgba(
|
|
3
|
-
--gh-card: rgba(
|
|
4
|
-
--gh-border:
|
|
5
|
-
--gh-border-hover: #
|
|
6
|
-
--gh-text: #
|
|
7
|
-
--gh-muted: #
|
|
8
|
-
--gh-accent: #
|
|
2
|
+
--gh-bg: rgba(15, 23, 42, 0.9);
|
|
3
|
+
--gh-card: rgba(30, 41, 59, 0.86);
|
|
4
|
+
--gh-border: rgba(255, 255, 255, 0.05);
|
|
5
|
+
--gh-border-hover: #2563eb;
|
|
6
|
+
--gh-text: #f8fafc;
|
|
7
|
+
--gh-muted: #94a3b8;
|
|
8
|
+
--gh-accent: #2563eb;
|
|
9
9
|
--gh-accent-2: #22c55e;
|
|
10
10
|
}
|
|
11
11
|
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
border: 1px solid var(--gh-border);
|
|
111
111
|
border-radius: 14px;
|
|
112
112
|
background:
|
|
113
|
-
radial-gradient(120% 120% at 0% 0%, #
|
|
113
|
+
radial-gradient(120% 120% at 0% 0%, #7c3aed16, transparent 60%),
|
|
114
114
|
linear-gradient(160deg, var(--gh-card), #101a31);
|
|
115
115
|
padding: 14px;
|
|
116
116
|
transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
|