@kaikybrofc/omnizap-system 2.2.10 → 2.3.1
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 +13 -13
- 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 +40 -39
- 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/index.js +1 -0
- package/database/init.js +1 -8
- package/database/migrations/20260228_0027_web_visit_event.sql +15 -0
- package/docker-compose.yml +27 -27
- package/docs/seo/omnizap-seo-playbook-br-2026-02-28.md +26 -0
- package/docs/seo/satellite-page-template.md +2 -0
- package/docs/seo/satellite-pages-phase1.json +40 -177
- 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 +6 -3
- package/public/api-docs/index.html +220 -193
- package/public/bot-whatsapp-para-grupo/index.html +291 -261
- package/public/bot-whatsapp-sem-programar/index.html +291 -261
- package/public/comandos/index.html +421 -406
- package/public/como-automatizar-avisos-no-whatsapp/index.html +291 -261
- package/public/como-criar-comandos-whatsapp/index.html +291 -261
- package/public/como-evitar-spam-no-whatsapp/index.html +291 -261
- package/public/como-moderar-grupo-whatsapp/index.html +291 -261
- package/public/como-organizar-comunidade-whatsapp/index.html +291 -261
- package/public/css/github-project-panel.css +13 -8
- package/public/css/stickers-admin.css +25 -9
- package/public/css/styles.css +23 -16
- package/public/index.html +1106 -993
- package/public/js/apps/apiDocsApp.js +17 -167
- package/public/js/apps/createPackApp.js +69 -332
- package/public/js/apps/homeApp.js +274 -101
- package/public/js/apps/loginApp.js +3 -12
- package/public/js/apps/stickersAdminApp.js +190 -181
- package/public/js/apps/stickersApp.js +482 -1411
- package/public/js/apps/userApp.js +217 -1
- 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 +200 -86
- package/public/login/index.html +315 -325
- package/public/melhor-bot-whatsapp-para-grupos/index.html +291 -261
- package/public/stickers/admin/index.html +14 -19
- package/public/stickers/create/index.html +39 -44
- package/public/stickers/index.html +96 -107
- package/public/termos-de-uso/index.html +369 -122
- package/public/user/index.html +527 -350
- package/scripts/cache-bust.mjs +5 -24
- package/scripts/generate-seo-satellite-pages.mjs +10 -13
- 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/auth/googleWebAuth/googleWebAuthService.js +614 -0
- package/server/controllers/stickerCatalogController.js +297 -632
- 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/public/index.html
CHANGED
|
@@ -1,1024 +1,1137 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html lang="pt-BR">
|
|
3
|
-
<head>
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
{
|
|
31
|
-
"@context": "https://schema.org",
|
|
32
|
-
"@type": "FAQPage",
|
|
33
|
-
"mainEntity": [
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
6
|
+
<title>OmniZap Bot para WhatsApp | Adicione e use em 1 minuto</title>
|
|
7
|
+
<meta name="description" content="Adicione o OmniZap no seu grupo e comece em segundos. Bot pronto para organizar mensagens, moderar spam e automatizar tarefas sem configuração técnica." />
|
|
8
|
+
<meta name="keywords" content="bot whatsapp pronto, automação de grupos, moderação whatsapp, bot para comunidade, omnizap" />
|
|
9
|
+
<meta name="author" content="OmniZap System" />
|
|
10
|
+
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
|
|
11
|
+
<meta name="theme-color" content="#0f172a" />
|
|
12
|
+
<link rel="canonical" href="https://omnizap.shop/" />
|
|
13
|
+
<link rel="icon" type="image/png" href="/assets/images/brand-icon-192.png" />
|
|
14
|
+
<link rel="apple-touch-icon" href="/assets/images/brand-icon-192.png" />
|
|
15
|
+
|
|
16
|
+
<meta property="og:type" content="website" />
|
|
17
|
+
<meta property="og:locale" content="pt_BR" />
|
|
18
|
+
<meta property="og:site_name" content="OmniZap System" />
|
|
19
|
+
<meta property="og:title" content="Adicione o bot ao seu grupo e deixe ele fazer o resto" />
|
|
20
|
+
<meta property="og:description" content="Automação automática, organização de mensagens e recursos inteligentes prontos para usar em grupos WhatsApp." />
|
|
21
|
+
<meta property="og:url" content="https://omnizap.shop/" />
|
|
22
|
+
<meta property="og:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
|
|
23
|
+
<meta property="og:image:alt" content="OmniZap Bot em funcionamento em grupos WhatsApp" />
|
|
24
|
+
|
|
25
|
+
<meta name="twitter:card" content="summary_large_image" />
|
|
26
|
+
<meta name="twitter:title" content="OmniZap Bot para WhatsApp" />
|
|
27
|
+
<meta name="twitter:description" content="Você adiciona. Ele organiza. Bot pronto para grupos e comunidades." />
|
|
28
|
+
<meta name="twitter:image" content="https://omnizap.shop/assets/images/hero-banner-1280.jpg" />
|
|
29
|
+
<script type="application/ld+json">
|
|
34
30
|
{
|
|
35
|
-
"@
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
31
|
+
"@context": "https://schema.org",
|
|
32
|
+
"@type": "FAQPage",
|
|
33
|
+
"mainEntity": [
|
|
34
|
+
{
|
|
35
|
+
"@type": "Question",
|
|
36
|
+
"name": "Preciso configurar algo técnico para usar o OmniZap?",
|
|
37
|
+
"acceptedAnswer": {
|
|
38
|
+
"@type": "Answer",
|
|
39
|
+
"text": "Não. Você só adiciona o bot ao grupo, autoriza e ele já começa a funcionar com recursos automáticos."
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"@type": "Question",
|
|
44
|
+
"name": "Em quanto tempo o bot começa a funcionar?",
|
|
45
|
+
"acceptedAnswer": {
|
|
46
|
+
"@type": "Answer",
|
|
47
|
+
"text": "Normalmente em menos de 1 minuto após a adição e autorização no grupo."
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"@type": "Question",
|
|
52
|
+
"name": "O OmniZap funciona para grupos e comunidades?",
|
|
53
|
+
"acceptedAnswer": {
|
|
54
|
+
"@type": "Answer",
|
|
55
|
+
"text": "Sim. O OmniZap foi criado para facilitar moderação, avisos e organização em grupos e comunidades no WhatsApp."
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"@type": "Question",
|
|
60
|
+
"name": "Posso usar stickers junto com o bot?",
|
|
61
|
+
"acceptedAnswer": {
|
|
62
|
+
"@type": "Answer",
|
|
63
|
+
"text": "Sim. Os stickers fazem parte do ecossistema OmniZap e podem ser usados como recurso extra para engajamento."
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"@type": "Question",
|
|
68
|
+
"name": "Preciso entender API para começar?",
|
|
69
|
+
"acceptedAnswer": {
|
|
70
|
+
"@type": "Answer",
|
|
71
|
+
"text": "Não para uso comum. A área de API existe para casos avançados de integração, mas o uso padrão é pronto e simples."
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"@type": "Question",
|
|
76
|
+
"name": "Quantos comandos o OmniZap possui?",
|
|
77
|
+
"acceptedAnswer": {
|
|
78
|
+
"@type": "Answer",
|
|
79
|
+
"text": "Você pode acessar mais de 50 comandos ativos no seu grupo digitando /menu."
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"@type": "Question",
|
|
84
|
+
"name": "Onde posso ver a documentação técnica?",
|
|
85
|
+
"acceptedAnswer": {
|
|
86
|
+
"@type": "Answer",
|
|
87
|
+
"text": "A documentação técnica está em https://omnizap.shop/api-docs/."
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
]
|
|
89
91
|
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
--bg: #0f172a;
|
|
108
|
-
--bg-2: #111827;
|
|
109
|
-
--panel: #1e293bd9;
|
|
110
|
-
--line: rgba(255, 255, 255, 0.05);
|
|
111
|
-
--text: #f8fafc;
|
|
112
|
-
--muted: #94a3b8;
|
|
113
|
-
--accent: #2563eb;
|
|
114
|
-
--accent-2: #7c3aed;
|
|
115
|
-
--cta: #22c55e;
|
|
116
|
-
--cta-hover: #16a34a;
|
|
117
|
-
--radius: 18px;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
* { box-sizing: border-box; }
|
|
121
|
-
html, body { margin: 0; padding: 0; }
|
|
122
|
-
|
|
123
|
-
body {
|
|
124
|
-
font-family: "Manrope", system-ui, -apple-system, sans-serif;
|
|
125
|
-
color: var(--text);
|
|
126
|
-
background:
|
|
127
|
-
radial-gradient(58rem 22rem at -10% -8%, #2563eb24, transparent 60%),
|
|
128
|
-
radial-gradient(62rem 26rem at 112% -12%, #7c3aed22, transparent 58%),
|
|
129
|
-
linear-gradient(165deg, var(--bg), var(--bg-2));
|
|
130
|
-
min-height: 100vh;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.container { width: min(1120px, 92vw); margin: 0 auto; }
|
|
134
|
-
|
|
135
|
-
.top {
|
|
136
|
-
position: sticky;
|
|
137
|
-
top: 0;
|
|
138
|
-
z-index: 20;
|
|
139
|
-
backdrop-filter: blur(10px);
|
|
140
|
-
background: #090f1fcf;
|
|
141
|
-
border-bottom: 1px solid #203250;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.top-inner {
|
|
145
|
-
display: flex;
|
|
146
|
-
align-items: center;
|
|
147
|
-
justify-content: space-between;
|
|
148
|
-
gap: 14px;
|
|
149
|
-
padding: 12px 0;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.brand {
|
|
153
|
-
display: inline-flex;
|
|
154
|
-
align-items: center;
|
|
155
|
-
gap: 10px;
|
|
156
|
-
font-family: "Sora", sans-serif;
|
|
157
|
-
font-weight: 700;
|
|
158
|
-
text-decoration: none;
|
|
159
|
-
color: var(--text);
|
|
160
|
-
letter-spacing: 0.2px;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.brand img {
|
|
164
|
-
width: 30px;
|
|
165
|
-
height: 30px;
|
|
166
|
-
border-radius: 50%;
|
|
167
|
-
object-fit: cover;
|
|
168
|
-
border: 1px solid #365585;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.nav { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
|
|
172
|
-
|
|
173
|
-
.nav-toggle {
|
|
174
|
-
display: none;
|
|
175
|
-
width: 40px;
|
|
176
|
-
height: 40px;
|
|
177
|
-
border-radius: 11px;
|
|
178
|
-
border: 1px solid var(--line);
|
|
179
|
-
background: #101a30;
|
|
180
|
-
color: var(--text);
|
|
181
|
-
font-size: 20px;
|
|
182
|
-
cursor: pointer;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
.btn {
|
|
186
|
-
text-decoration: none;
|
|
187
|
-
color: var(--text);
|
|
188
|
-
border: 1px solid var(--line);
|
|
189
|
-
background: #121c31;
|
|
190
|
-
border-radius: 12px;
|
|
191
|
-
padding: 10px 14px;
|
|
192
|
-
font-size: 14px;
|
|
193
|
-
font-weight: 700;
|
|
194
|
-
display: inline-flex;
|
|
195
|
-
align-items: center;
|
|
196
|
-
justify-content: center;
|
|
197
|
-
gap: 7px;
|
|
198
|
-
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
|
|
199
|
-
cursor: pointer;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.btn:hover { transform: translateY(-1px); border-color: #4f6f9f; }
|
|
203
|
-
|
|
204
|
-
.btn.primary {
|
|
205
|
-
color: #0f172a;
|
|
206
|
-
border-color: transparent;
|
|
207
|
-
background: var(--cta);
|
|
208
|
-
box-shadow: 0 10px 24px #22c55e30;
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.btn.primary:hover { background: var(--cta-hover); }
|
|
212
|
-
|
|
213
|
-
.btn.secondary {
|
|
214
|
-
border-color: #2563eb;
|
|
215
|
-
background: transparent;
|
|
216
|
-
color: #2563eb;
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
.hero {
|
|
220
|
-
margin-top: 28px;
|
|
221
|
-
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
222
|
-
border-radius: 28px;
|
|
223
|
-
background: linear-gradient(150deg, #111827ed, #1e293bed);
|
|
224
|
-
box-shadow: 0 22px 52px #02091770;
|
|
225
|
-
padding: clamp(18px, 3.2vw, 36px);
|
|
226
|
-
display: grid;
|
|
227
|
-
grid-template-columns: 1.08fr .92fr;
|
|
228
|
-
gap: 22px;
|
|
229
|
-
align-items: center;
|
|
230
|
-
overflow: hidden;
|
|
231
|
-
position: relative;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.hero::before {
|
|
235
|
-
content: "";
|
|
236
|
-
position: absolute;
|
|
237
|
-
width: 320px;
|
|
238
|
-
height: 320px;
|
|
239
|
-
border-radius: 50%;
|
|
240
|
-
right: -120px;
|
|
241
|
-
top: -120px;
|
|
242
|
-
background: radial-gradient(circle, #2563eb3a 0%, #2563eb00 72%);
|
|
243
|
-
pointer-events: none;
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
.eyebrow {
|
|
247
|
-
display: inline-flex;
|
|
248
|
-
align-items: center;
|
|
249
|
-
border: 1px solid #46679d;
|
|
250
|
-
border-radius: 999px;
|
|
251
|
-
padding: 6px 12px;
|
|
252
|
-
font-size: 12px;
|
|
253
|
-
font-weight: 800;
|
|
254
|
-
letter-spacing: .28px;
|
|
255
|
-
text-transform: uppercase;
|
|
256
|
-
color: #cbe1ff;
|
|
257
|
-
background: #16274a96;
|
|
258
|
-
margin-bottom: 10px;
|
|
259
|
-
}
|
|
260
|
-
|
|
261
|
-
.hero h1 {
|
|
262
|
-
margin: 0;
|
|
263
|
-
font-family: "Sora", sans-serif;
|
|
264
|
-
font-size: clamp(30px, 4.2vw, 50px);
|
|
265
|
-
line-height: 1.04;
|
|
266
|
-
letter-spacing: -0.02em;
|
|
267
|
-
background: linear-gradient(92deg, #f3f8ff 0%, #60a5fa 45%, #a78bfa 100%);
|
|
268
|
-
-webkit-background-clip: text;
|
|
269
|
-
background-clip: text;
|
|
270
|
-
color: transparent;
|
|
271
|
-
max-width: 640px;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.hero p {
|
|
275
|
-
margin: 14px 0 0;
|
|
276
|
-
color: #c1d3ed;
|
|
277
|
-
font-size: clamp(15px, 1.8vw, 19px);
|
|
278
|
-
line-height: 1.62;
|
|
279
|
-
max-width: 620px;
|
|
280
|
-
font-weight: 500;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
.hero-cta {
|
|
284
|
-
margin-top: 18px;
|
|
285
|
-
display: flex;
|
|
286
|
-
flex-wrap: wrap;
|
|
287
|
-
gap: 10px;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
.mockup {
|
|
291
|
-
border: 1px solid #3c5d95;
|
|
292
|
-
border-radius: 22px;
|
|
293
|
-
background: #091226cf;
|
|
294
|
-
padding: 12px;
|
|
295
|
-
box-shadow: inset 0 1px 0 #7fb5ff17;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
.mockup-head {
|
|
299
|
-
display: flex;
|
|
300
|
-
justify-content: space-between;
|
|
301
|
-
align-items: center;
|
|
302
|
-
margin-bottom: 10px;
|
|
303
|
-
color: #acc4e8;
|
|
304
|
-
font-size: 12px;
|
|
305
|
-
font-weight: 700;
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
.chat {
|
|
309
|
-
display: grid;
|
|
310
|
-
gap: 10px;
|
|
311
|
-
max-height: 360px;
|
|
312
|
-
overflow: hidden;
|
|
313
|
-
}
|
|
314
|
-
|
|
315
|
-
.msg {
|
|
316
|
-
max-width: 88%;
|
|
317
|
-
padding: 10px 11px;
|
|
318
|
-
border-radius: 14px;
|
|
319
|
-
line-height: 1.45;
|
|
320
|
-
font-size: 13px;
|
|
321
|
-
border: 1px solid #2d456f;
|
|
322
|
-
background: #152542;
|
|
323
|
-
color: #d8e7ff;
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
.msg.user {
|
|
327
|
-
margin-left: auto;
|
|
328
|
-
background: #1b2f52;
|
|
329
|
-
border-color: #41679f;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
.msg.bot {
|
|
333
|
-
margin-right: auto;
|
|
334
|
-
border-color: #2c7f64;
|
|
335
|
-
background: #0f2d25;
|
|
336
|
-
color: #d9ffec;
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
.proof-grid {
|
|
340
|
-
margin-top: 16px;
|
|
341
|
-
display: grid;
|
|
342
|
-
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
343
|
-
gap: 10px;
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
.proof {
|
|
347
|
-
border: 1px solid #39557f;
|
|
348
|
-
border-radius: 14px;
|
|
349
|
-
background: #12203b94;
|
|
350
|
-
padding: 11px;
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
.proof strong {
|
|
354
|
-
display: block;
|
|
355
|
-
font-family: "Sora", sans-serif;
|
|
356
|
-
font-size: clamp(20px, 2.2vw, 24px);
|
|
357
|
-
color: #eff6ff;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
.proof span {
|
|
361
|
-
display: block;
|
|
362
|
-
margin-top: 3px;
|
|
363
|
-
font-size: 12px;
|
|
364
|
-
color: #aac0df;
|
|
365
|
-
font-weight: 600;
|
|
366
|
-
}
|
|
367
|
-
|
|
368
|
-
.section {
|
|
369
|
-
margin-top: 34px;
|
|
370
|
-
border: 1px solid #304b76;
|
|
371
|
-
border-radius: 22px;
|
|
372
|
-
background: linear-gradient(150deg, #111f39bf, #0f1c33bf);
|
|
373
|
-
padding: clamp(16px, 2.8vw, 26px);
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
.section h2 {
|
|
377
|
-
margin: 0;
|
|
378
|
-
font-family: "Sora", sans-serif;
|
|
379
|
-
font-size: clamp(24px, 2.8vw, 34px);
|
|
380
|
-
letter-spacing: -0.02em;
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
.section p.lead {
|
|
384
|
-
margin: 10px 0 0;
|
|
385
|
-
color: var(--muted);
|
|
386
|
-
font-size: 15px;
|
|
387
|
-
line-height: 1.6;
|
|
388
|
-
max-width: 760px;
|
|
389
|
-
}
|
|
390
|
-
|
|
391
|
-
.steps,
|
|
392
|
-
.features,
|
|
393
|
-
.audience,
|
|
394
|
-
.benefits {
|
|
395
|
-
margin-top: 16px;
|
|
396
|
-
display: grid;
|
|
397
|
-
gap: 12px;
|
|
398
|
-
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
|
|
399
|
-
}
|
|
400
|
-
|
|
401
|
-
.card {
|
|
402
|
-
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
403
|
-
border-radius: 16px;
|
|
404
|
-
background: #1e293bb8;
|
|
405
|
-
padding: 14px;
|
|
406
|
-
transition: transform .18s ease, border-color .18s ease;
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
.card:hover { transform: translateY(-2px); border-color: #5d84bf; }
|
|
410
|
-
|
|
411
|
-
.card h3 {
|
|
412
|
-
margin: 0 0 6px;
|
|
413
|
-
font-size: 17px;
|
|
414
|
-
color: #f3f8ff;
|
|
415
|
-
display: flex;
|
|
416
|
-
gap: 8px;
|
|
417
|
-
align-items: center;
|
|
418
|
-
}
|
|
419
|
-
|
|
420
|
-
.card p {
|
|
421
|
-
margin: 0;
|
|
422
|
-
color: #bed0ea;
|
|
423
|
-
font-size: 14px;
|
|
424
|
-
line-height: 1.56;
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
.benefit-item {
|
|
428
|
-
border: 1px solid #2d7a5f;
|
|
429
|
-
border-radius: 16px;
|
|
430
|
-
background: #102f26a8;
|
|
431
|
-
padding: 13px;
|
|
432
|
-
color: #ddffee;
|
|
433
|
-
font-weight: 700;
|
|
434
|
-
font-size: 15px;
|
|
435
|
-
display: flex;
|
|
436
|
-
align-items: center;
|
|
437
|
-
gap: 8px;
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
.faq-list {
|
|
441
|
-
margin-top: 16px;
|
|
442
|
-
display: grid;
|
|
443
|
-
gap: 10px;
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
.guides-grid {
|
|
447
|
-
margin-top: 16px;
|
|
448
|
-
display: grid;
|
|
449
|
-
gap: 10px;
|
|
450
|
-
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
|
451
|
-
}
|
|
452
|
-
|
|
453
|
-
.guide-link {
|
|
454
|
-
display: block;
|
|
455
|
-
text-decoration: none;
|
|
456
|
-
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
457
|
-
border-radius: 14px;
|
|
458
|
-
background: #1e293bb8;
|
|
459
|
-
padding: 12px;
|
|
460
|
-
color: #ecf3ff;
|
|
461
|
-
font-weight: 800;
|
|
462
|
-
line-height: 1.4;
|
|
463
|
-
transition: transform .18s ease, border-color .18s ease;
|
|
464
|
-
}
|
|
465
|
-
|
|
466
|
-
.guide-link span {
|
|
467
|
-
display: block;
|
|
468
|
-
margin-top: 4px;
|
|
469
|
-
color: #bed0ea;
|
|
470
|
-
font-weight: 600;
|
|
471
|
-
font-size: 13px;
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
.guide-link:hover {
|
|
475
|
-
transform: translateY(-2px);
|
|
476
|
-
border-color: #5d84bf;
|
|
477
|
-
}
|
|
478
|
-
|
|
479
|
-
.commands-grid {
|
|
480
|
-
margin-top: 16px;
|
|
481
|
-
display: grid;
|
|
482
|
-
gap: 12px;
|
|
483
|
-
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
|
484
|
-
}
|
|
485
|
-
|
|
486
|
-
.command-card {
|
|
487
|
-
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
488
|
-
border-radius: 16px;
|
|
489
|
-
background: #1e293bb8;
|
|
490
|
-
padding: 13px;
|
|
491
|
-
}
|
|
492
|
-
|
|
493
|
-
.command-card h3 {
|
|
494
|
-
margin: 0 0 8px;
|
|
495
|
-
color: #f0f7ff;
|
|
496
|
-
font-size: 16px;
|
|
497
|
-
letter-spacing: -0.01em;
|
|
498
|
-
}
|
|
499
|
-
|
|
500
|
-
.command-list {
|
|
501
|
-
margin: 0;
|
|
502
|
-
padding: 0;
|
|
503
|
-
list-style: none;
|
|
504
|
-
display: grid;
|
|
505
|
-
gap: 7px;
|
|
506
|
-
}
|
|
507
|
-
|
|
508
|
-
.command-list li {
|
|
509
|
-
color: #bdd0eb;
|
|
510
|
-
font-size: 14px;
|
|
511
|
-
line-height: 1.5;
|
|
512
|
-
}
|
|
513
|
-
|
|
514
|
-
.command-list code {
|
|
515
|
-
display: inline-block;
|
|
516
|
-
margin-right: 6px;
|
|
517
|
-
padding: 2px 6px;
|
|
518
|
-
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
519
|
-
border-radius: 7px;
|
|
520
|
-
background: #111827;
|
|
521
|
-
color: #f8fafc;
|
|
522
|
-
font-size: 12px;
|
|
523
|
-
font-weight: 800;
|
|
524
|
-
letter-spacing: 0.02em;
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
.commands-actions {
|
|
528
|
-
margin-top: 14px;
|
|
529
|
-
display: flex;
|
|
530
|
-
flex-wrap: wrap;
|
|
531
|
-
gap: 10px;
|
|
532
|
-
align-items: center;
|
|
533
|
-
justify-content: space-between;
|
|
534
|
-
}
|
|
535
|
-
|
|
536
|
-
.commands-actions p {
|
|
537
|
-
margin: 0;
|
|
538
|
-
color: #c2d4ee;
|
|
539
|
-
font-size: 14px;
|
|
540
|
-
font-weight: 700;
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
.faq-item {
|
|
544
|
-
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
545
|
-
border-radius: 14px;
|
|
546
|
-
background: #1e293bb8;
|
|
547
|
-
padding: 0 12px;
|
|
548
|
-
}
|
|
549
|
-
|
|
550
|
-
.faq-item summary {
|
|
551
|
-
cursor: pointer;
|
|
552
|
-
list-style: none;
|
|
553
|
-
font-weight: 800;
|
|
554
|
-
color: #ecf3ff;
|
|
555
|
-
padding: 13px 0;
|
|
556
|
-
font-size: 15px;
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
.faq-item summary::-webkit-details-marker { display: none; }
|
|
560
|
-
|
|
561
|
-
.faq-item p {
|
|
562
|
-
margin: 0;
|
|
563
|
-
color: #bed0ea;
|
|
564
|
-
font-size: 14px;
|
|
565
|
-
line-height: 1.58;
|
|
566
|
-
padding: 0 0 13px;
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
.faq-item a {
|
|
570
|
-
color: #2563eb;
|
|
571
|
-
text-decoration: none;
|
|
572
|
-
border-bottom: 1px dashed #2563eb;
|
|
573
|
-
}
|
|
574
|
-
|
|
575
|
-
.final-cta {
|
|
576
|
-
margin: 34px 0 26px;
|
|
577
|
-
border: 1px solid #3f5f92;
|
|
578
|
-
border-radius: 24px;
|
|
579
|
-
background: linear-gradient(145deg, #14284b, #12335f);
|
|
580
|
-
padding: clamp(18px, 2.8vw, 32px);
|
|
581
|
-
box-shadow: 0 20px 40px #02091766;
|
|
582
|
-
text-align: center;
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
.final-cta h2 {
|
|
586
|
-
margin: 0;
|
|
587
|
-
font-family: "Sora", sans-serif;
|
|
588
|
-
font-size: clamp(26px, 3vw, 38px);
|
|
589
|
-
letter-spacing: -0.02em;
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
.final-cta p {
|
|
593
|
-
margin: 10px auto 0;
|
|
594
|
-
max-width: 620px;
|
|
595
|
-
color: #c5d8f4;
|
|
596
|
-
}
|
|
597
|
-
|
|
598
|
-
.final-actions {
|
|
599
|
-
margin-top: 16px;
|
|
600
|
-
display: flex;
|
|
601
|
-
justify-content: center;
|
|
602
|
-
flex-wrap: wrap;
|
|
603
|
-
gap: 10px;
|
|
604
|
-
}
|
|
605
|
-
|
|
606
|
-
footer {
|
|
607
|
-
border-top: 1px solid #223653;
|
|
608
|
-
padding: 22px 0 30px;
|
|
609
|
-
color: #93a9c9;
|
|
610
|
-
font-size: 13px;
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
.foot {
|
|
614
|
-
display: flex;
|
|
615
|
-
flex-wrap: wrap;
|
|
616
|
-
justify-content: space-between;
|
|
617
|
-
align-items: center;
|
|
618
|
-
gap: 12px;
|
|
619
|
-
}
|
|
620
|
-
|
|
621
|
-
.foot-links {
|
|
622
|
-
display: flex;
|
|
623
|
-
flex-wrap: wrap;
|
|
624
|
-
gap: 8px;
|
|
625
|
-
}
|
|
626
|
-
|
|
627
|
-
.foot a {
|
|
628
|
-
color: #9bc4f5;
|
|
629
|
-
text-decoration: none;
|
|
630
|
-
border: 1px solid #304b75;
|
|
631
|
-
border-radius: 10px;
|
|
632
|
-
padding: 7px 10px;
|
|
633
|
-
background: #101a2f;
|
|
634
|
-
}
|
|
635
|
-
|
|
636
|
-
.nav-user-chip {
|
|
637
|
-
display: inline-flex;
|
|
638
|
-
align-items: center;
|
|
639
|
-
gap: 8px;
|
|
640
|
-
padding: 6px 10px 6px 6px;
|
|
641
|
-
max-width: 270px;
|
|
642
|
-
border-color: #3f5f8f;
|
|
643
|
-
background: linear-gradient(120deg, #132544d6, #10203ad6);
|
|
644
|
-
}
|
|
645
|
-
|
|
646
|
-
.nav-user-avatar-bubble {
|
|
647
|
-
display: inline-flex;
|
|
648
|
-
width: 30px;
|
|
649
|
-
height: 30px;
|
|
650
|
-
border-radius: 999px;
|
|
651
|
-
border: 1px solid #4a6fa4;
|
|
652
|
-
background: #132340;
|
|
653
|
-
box-shadow: 0 0 0 2px #1a2e4b, 0 0 16px #6aaaf236;
|
|
654
|
-
overflow: hidden;
|
|
655
|
-
flex: 0 0 auto;
|
|
656
|
-
}
|
|
657
|
-
|
|
658
|
-
.nav-user-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
|
|
659
|
-
|
|
660
|
-
.nav-user-name-bubble {
|
|
661
|
-
display: inline-flex;
|
|
662
|
-
align-items: center;
|
|
663
|
-
gap: 6px;
|
|
664
|
-
min-width: 0;
|
|
665
|
-
padding: 4px 8px;
|
|
666
|
-
border-radius: 999px;
|
|
667
|
-
border: 1px solid #34547f;
|
|
668
|
-
background: #12213ac9;
|
|
669
|
-
}
|
|
670
|
-
|
|
671
|
-
.nav-user-icon { font-size: 12px; color: #9bc6f5; flex: 0 0 auto; }
|
|
672
|
-
|
|
673
|
-
.nav-user-name {
|
|
674
|
-
font-size: 12px;
|
|
675
|
-
font-weight: 700;
|
|
676
|
-
color: #dbe8fb;
|
|
677
|
-
white-space: nowrap;
|
|
678
|
-
overflow: hidden;
|
|
679
|
-
text-overflow: ellipsis;
|
|
680
|
-
}
|
|
681
|
-
|
|
682
|
-
.wpp-float {
|
|
683
|
-
position: fixed;
|
|
684
|
-
right: 16px;
|
|
685
|
-
bottom: 16px;
|
|
686
|
-
width: 56px;
|
|
687
|
-
height: 56px;
|
|
688
|
-
border-radius: 999px;
|
|
689
|
-
border: 1px solid #2fb86f;
|
|
690
|
-
background: linear-gradient(135deg, #25d366, #1ea952);
|
|
691
|
-
color: #052111;
|
|
692
|
-
display: inline-flex;
|
|
693
|
-
align-items: center;
|
|
694
|
-
justify-content: center;
|
|
695
|
-
box-shadow: 0 10px 25px #25d3664d;
|
|
696
|
-
text-decoration: none;
|
|
697
|
-
z-index: 30;
|
|
698
|
-
font-size: 28px;
|
|
699
|
-
line-height: 1;
|
|
700
|
-
transition: transform .2s ease, box-shadow .2s ease;
|
|
701
|
-
}
|
|
702
|
-
|
|
703
|
-
.wpp-float:hover {
|
|
704
|
-
transform: translateY(-2px);
|
|
705
|
-
box-shadow: 0 14px 30px #25d36666;
|
|
706
|
-
}
|
|
707
|
-
|
|
708
|
-
@media (max-width: 920px) {
|
|
709
|
-
.hero {
|
|
710
|
-
grid-template-columns: 1fr;
|
|
711
|
-
gap: 18px;
|
|
92
|
+
</script>
|
|
93
|
+
|
|
94
|
+
<style>
|
|
95
|
+
:root {
|
|
96
|
+
--bg: #0f172a;
|
|
97
|
+
--bg-2: #111827;
|
|
98
|
+
--panel: #1e293bd9;
|
|
99
|
+
--line: rgba(255, 255, 255, 0.05);
|
|
100
|
+
--text: #f8fafc;
|
|
101
|
+
--muted: #94a3b8;
|
|
102
|
+
--accent: #2563eb;
|
|
103
|
+
--accent-2: #7c3aed;
|
|
104
|
+
--cta: #22c55e;
|
|
105
|
+
--cta-hover: #16a34a;
|
|
106
|
+
--radius: 18px;
|
|
107
|
+
--font-ui: 'Segoe UI', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
108
|
+
--font-display: 'Trebuchet MS', 'Segoe UI', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
712
109
|
}
|
|
713
110
|
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
111
|
+
* {
|
|
112
|
+
box-sizing: border-box;
|
|
113
|
+
}
|
|
114
|
+
html,
|
|
115
|
+
body {
|
|
116
|
+
margin: 0;
|
|
117
|
+
padding: 0;
|
|
717
118
|
}
|
|
718
119
|
|
|
719
|
-
|
|
120
|
+
body {
|
|
121
|
+
font-family: var(--font-ui);
|
|
122
|
+
color: var(--text);
|
|
123
|
+
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));
|
|
124
|
+
min-height: 100vh;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.container {
|
|
128
|
+
width: min(1120px, 92vw);
|
|
129
|
+
margin: 0 auto;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.top {
|
|
133
|
+
position: sticky;
|
|
134
|
+
top: 0;
|
|
135
|
+
z-index: 20;
|
|
136
|
+
backdrop-filter: blur(10px);
|
|
137
|
+
background: #090f1fcf;
|
|
138
|
+
border-bottom: 1px solid #203250;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.top-inner {
|
|
720
142
|
display: flex;
|
|
143
|
+
align-items: center;
|
|
721
144
|
justify-content: space-between;
|
|
145
|
+
gap: 14px;
|
|
146
|
+
padding: 12px 0;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.brand {
|
|
150
|
+
display: inline-flex;
|
|
722
151
|
align-items: center;
|
|
152
|
+
gap: 10px;
|
|
153
|
+
font-family: var(--font-display);
|
|
154
|
+
font-weight: 700;
|
|
155
|
+
text-decoration: none;
|
|
156
|
+
color: var(--text);
|
|
157
|
+
letter-spacing: 0.2px;
|
|
723
158
|
}
|
|
724
159
|
|
|
725
|
-
.
|
|
160
|
+
.brand img {
|
|
161
|
+
width: 30px;
|
|
162
|
+
height: 30px;
|
|
163
|
+
border-radius: 50%;
|
|
164
|
+
object-fit: cover;
|
|
165
|
+
border: 1px solid #365585;
|
|
166
|
+
}
|
|
726
167
|
|
|
727
168
|
.nav {
|
|
169
|
+
display: flex;
|
|
170
|
+
gap: 8px;
|
|
171
|
+
align-items: center;
|
|
172
|
+
flex-wrap: wrap;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.nav-toggle {
|
|
728
176
|
display: none;
|
|
177
|
+
width: 40px;
|
|
178
|
+
height: 40px;
|
|
179
|
+
border-radius: 11px;
|
|
180
|
+
border: 1px solid var(--line);
|
|
181
|
+
background: #101a30;
|
|
182
|
+
color: var(--text);
|
|
183
|
+
font-size: 20px;
|
|
184
|
+
cursor: pointer;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.nav-toggle.nav-toggle-user {
|
|
188
|
+
padding: 0;
|
|
189
|
+
border-color: #3f5f8f;
|
|
190
|
+
background: linear-gradient(120deg, #132544d6, #10203ad6);
|
|
191
|
+
box-shadow: 0 0 0 2px #1a2e4b;
|
|
192
|
+
overflow: hidden;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.nav-toggle.nav-toggle-login {
|
|
196
|
+
width: auto;
|
|
197
|
+
min-width: 92px;
|
|
198
|
+
padding: 0 14px;
|
|
199
|
+
border-color: #38598b;
|
|
200
|
+
background: linear-gradient(120deg, #132544d6, #10203ad6);
|
|
201
|
+
box-shadow: 0 0 0 2px #1a2e4b;
|
|
202
|
+
font-size: 14px;
|
|
203
|
+
font-weight: 700;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.nav-toggle-photo {
|
|
729
207
|
width: 100%;
|
|
730
|
-
|
|
208
|
+
height: 100%;
|
|
209
|
+
object-fit: cover;
|
|
210
|
+
display: block;
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.btn {
|
|
214
|
+
text-decoration: none;
|
|
215
|
+
color: var(--text);
|
|
216
|
+
border: 1px solid var(--line);
|
|
217
|
+
background: #121c31;
|
|
218
|
+
border-radius: 12px;
|
|
219
|
+
padding: 10px 14px;
|
|
220
|
+
font-size: 14px;
|
|
221
|
+
font-weight: 700;
|
|
222
|
+
display: inline-flex;
|
|
223
|
+
align-items: center;
|
|
224
|
+
justify-content: center;
|
|
225
|
+
gap: 7px;
|
|
226
|
+
transition:
|
|
227
|
+
transform 0.18s ease,
|
|
228
|
+
border-color 0.18s ease,
|
|
229
|
+
box-shadow 0.18s ease;
|
|
230
|
+
cursor: pointer;
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.icon {
|
|
234
|
+
display: inline-flex;
|
|
235
|
+
width: 1em;
|
|
236
|
+
height: 1em;
|
|
237
|
+
line-height: 1;
|
|
238
|
+
flex: 0 0 auto;
|
|
239
|
+
color: currentColor;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
.icon svg {
|
|
243
|
+
width: 1em;
|
|
244
|
+
height: 1em;
|
|
245
|
+
fill: currentColor;
|
|
246
|
+
display: block;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
.btn .icon {
|
|
250
|
+
font-size: 1.03em;
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
.btn:hover {
|
|
254
|
+
transform: translateY(-1px);
|
|
255
|
+
border-color: #4f6f9f;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.btn.primary {
|
|
259
|
+
color: #0f172a;
|
|
260
|
+
border-color: transparent;
|
|
261
|
+
background: var(--cta);
|
|
262
|
+
box-shadow: 0 10px 24px #22c55e30;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.btn.primary:hover {
|
|
266
|
+
background: var(--cta-hover);
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.btn.secondary {
|
|
270
|
+
border-color: #2563eb;
|
|
271
|
+
background: transparent;
|
|
272
|
+
color: #2563eb;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
.hero {
|
|
276
|
+
margin-top: 28px;
|
|
277
|
+
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
278
|
+
border-radius: 28px;
|
|
279
|
+
background: linear-gradient(150deg, #111827ed, #1e293bed);
|
|
280
|
+
box-shadow: 0 22px 52px #02091770;
|
|
281
|
+
padding: clamp(18px, 3.2vw, 36px);
|
|
282
|
+
display: grid;
|
|
283
|
+
grid-template-columns: 1.08fr 0.92fr;
|
|
284
|
+
gap: 22px;
|
|
285
|
+
align-items: center;
|
|
286
|
+
overflow: hidden;
|
|
287
|
+
position: relative;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.hero::before {
|
|
291
|
+
content: '';
|
|
292
|
+
position: absolute;
|
|
293
|
+
width: 320px;
|
|
294
|
+
height: 320px;
|
|
295
|
+
border-radius: 50%;
|
|
296
|
+
right: -120px;
|
|
297
|
+
top: -120px;
|
|
298
|
+
background: radial-gradient(circle, #2563eb3a 0%, #2563eb00 72%);
|
|
299
|
+
pointer-events: none;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
.eyebrow {
|
|
303
|
+
display: inline-flex;
|
|
304
|
+
align-items: center;
|
|
305
|
+
border: 1px solid #46679d;
|
|
306
|
+
border-radius: 999px;
|
|
307
|
+
padding: 6px 12px;
|
|
308
|
+
font-size: 12px;
|
|
309
|
+
font-weight: 800;
|
|
310
|
+
letter-spacing: 0.28px;
|
|
311
|
+
text-transform: uppercase;
|
|
312
|
+
color: #cbe1ff;
|
|
313
|
+
background: #16274a96;
|
|
314
|
+
margin-bottom: 10px;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.hero h1 {
|
|
318
|
+
margin: 0;
|
|
319
|
+
font-family: var(--font-display);
|
|
320
|
+
font-size: clamp(30px, 4.2vw, 50px);
|
|
321
|
+
line-height: 1.04;
|
|
322
|
+
letter-spacing: -0.02em;
|
|
323
|
+
background: linear-gradient(92deg, #f3f8ff 0%, #60a5fa 45%, #a78bfa 100%);
|
|
324
|
+
-webkit-background-clip: text;
|
|
325
|
+
background-clip: text;
|
|
326
|
+
color: transparent;
|
|
327
|
+
max-width: 640px;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.hero p {
|
|
331
|
+
margin: 14px 0 0;
|
|
332
|
+
color: #c1d3ed;
|
|
333
|
+
font-size: clamp(15px, 1.8vw, 19px);
|
|
334
|
+
line-height: 1.62;
|
|
335
|
+
max-width: 620px;
|
|
336
|
+
font-weight: 500;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.hero-cta {
|
|
340
|
+
margin-top: 18px;
|
|
341
|
+
display: flex;
|
|
342
|
+
flex-wrap: wrap;
|
|
343
|
+
gap: 10px;
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
.mockup {
|
|
347
|
+
border: 1px solid #3c5d95;
|
|
348
|
+
border-radius: 22px;
|
|
349
|
+
background: #091226cf;
|
|
350
|
+
padding: 12px;
|
|
351
|
+
box-shadow: inset 0 1px 0 #7fb5ff17;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.mockup-head {
|
|
355
|
+
display: flex;
|
|
356
|
+
justify-content: space-between;
|
|
357
|
+
align-items: center;
|
|
358
|
+
margin-bottom: 10px;
|
|
359
|
+
color: #acc4e8;
|
|
360
|
+
font-size: 12px;
|
|
361
|
+
font-weight: 700;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.chat {
|
|
365
|
+
display: grid;
|
|
366
|
+
gap: 10px;
|
|
367
|
+
max-height: 360px;
|
|
368
|
+
overflow: hidden;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.msg {
|
|
372
|
+
max-width: 88%;
|
|
373
|
+
padding: 10px 11px;
|
|
374
|
+
border-radius: 14px;
|
|
375
|
+
line-height: 1.45;
|
|
376
|
+
font-size: 13px;
|
|
377
|
+
border: 1px solid #2d456f;
|
|
378
|
+
background: #152542;
|
|
379
|
+
color: #d8e7ff;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.msg.user {
|
|
383
|
+
margin-left: auto;
|
|
384
|
+
background: #1b2f52;
|
|
385
|
+
border-color: #41679f;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.msg.bot {
|
|
389
|
+
margin-right: auto;
|
|
390
|
+
border-color: #2c7f64;
|
|
391
|
+
background: #0f2d25;
|
|
392
|
+
color: #d9ffec;
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
.proof-grid {
|
|
396
|
+
margin-top: 16px;
|
|
397
|
+
display: grid;
|
|
398
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
399
|
+
gap: 10px;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
.proof {
|
|
403
|
+
border: 1px solid #39557f;
|
|
404
|
+
border-radius: 14px;
|
|
405
|
+
background: #12203b94;
|
|
406
|
+
padding: 11px;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.proof strong {
|
|
410
|
+
display: block;
|
|
411
|
+
font-family: var(--font-display);
|
|
412
|
+
font-size: clamp(20px, 2.2vw, 24px);
|
|
413
|
+
color: #eff6ff;
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
.proof span {
|
|
417
|
+
display: block;
|
|
418
|
+
margin-top: 3px;
|
|
419
|
+
font-size: 12px;
|
|
420
|
+
color: #aac0df;
|
|
421
|
+
font-weight: 600;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.section {
|
|
425
|
+
margin-top: 34px;
|
|
426
|
+
border: 1px solid #304b76;
|
|
427
|
+
border-radius: 22px;
|
|
428
|
+
background: linear-gradient(150deg, #111f39bf, #0f1c33bf);
|
|
429
|
+
padding: clamp(16px, 2.8vw, 26px);
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
.section h2 {
|
|
433
|
+
margin: 0;
|
|
434
|
+
font-family: var(--font-display);
|
|
435
|
+
font-size: clamp(24px, 2.8vw, 34px);
|
|
436
|
+
letter-spacing: -0.02em;
|
|
437
|
+
}
|
|
438
|
+
|
|
439
|
+
.section p.lead {
|
|
440
|
+
margin: 10px 0 0;
|
|
441
|
+
color: var(--muted);
|
|
442
|
+
font-size: 15px;
|
|
443
|
+
line-height: 1.6;
|
|
444
|
+
max-width: 760px;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
.steps,
|
|
448
|
+
.features,
|
|
449
|
+
.audience,
|
|
450
|
+
.benefits {
|
|
451
|
+
margin-top: 16px;
|
|
452
|
+
display: grid;
|
|
453
|
+
gap: 12px;
|
|
454
|
+
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
.card {
|
|
458
|
+
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
459
|
+
border-radius: 16px;
|
|
460
|
+
background: #1e293bb8;
|
|
461
|
+
padding: 14px;
|
|
462
|
+
transition:
|
|
463
|
+
transform 0.18s ease,
|
|
464
|
+
border-color 0.18s ease;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
.card:hover {
|
|
468
|
+
transform: translateY(-2px);
|
|
469
|
+
border-color: #5d84bf;
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
.card h3 {
|
|
473
|
+
margin: 0 0 6px;
|
|
474
|
+
font-size: 17px;
|
|
475
|
+
color: #f3f8ff;
|
|
476
|
+
display: flex;
|
|
731
477
|
gap: 8px;
|
|
478
|
+
align-items: center;
|
|
732
479
|
}
|
|
733
480
|
|
|
734
|
-
.
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
481
|
+
.card p {
|
|
482
|
+
margin: 0;
|
|
483
|
+
color: #bed0ea;
|
|
484
|
+
font-size: 14px;
|
|
485
|
+
line-height: 1.56;
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
.benefit-item {
|
|
489
|
+
border: 1px solid #2d7a5f;
|
|
490
|
+
border-radius: 16px;
|
|
491
|
+
background: #102f26a8;
|
|
492
|
+
padding: 13px;
|
|
493
|
+
color: #ddffee;
|
|
494
|
+
font-weight: 700;
|
|
495
|
+
font-size: 15px;
|
|
496
|
+
display: flex;
|
|
497
|
+
align-items: center;
|
|
498
|
+
gap: 8px;
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
.faq-list {
|
|
502
|
+
margin-top: 16px;
|
|
503
|
+
display: grid;
|
|
504
|
+
gap: 10px;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.guides-grid {
|
|
508
|
+
margin-top: 16px;
|
|
509
|
+
display: grid;
|
|
510
|
+
gap: 10px;
|
|
511
|
+
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
.guide-link {
|
|
515
|
+
display: block;
|
|
516
|
+
text-decoration: none;
|
|
517
|
+
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
518
|
+
border-radius: 14px;
|
|
519
|
+
background: #1e293bb8;
|
|
520
|
+
padding: 12px;
|
|
521
|
+
color: #ecf3ff;
|
|
522
|
+
font-weight: 800;
|
|
523
|
+
line-height: 1.4;
|
|
524
|
+
transition:
|
|
525
|
+
transform 0.18s ease,
|
|
526
|
+
border-color 0.18s ease;
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
.guide-link span {
|
|
530
|
+
display: block;
|
|
531
|
+
margin-top: 4px;
|
|
532
|
+
color: #bed0ea;
|
|
533
|
+
font-weight: 600;
|
|
534
|
+
font-size: 13px;
|
|
535
|
+
}
|
|
751
536
|
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
537
|
+
.guide-link:hover {
|
|
538
|
+
transform: translateY(-2px);
|
|
539
|
+
border-color: #5d84bf;
|
|
540
|
+
}
|
|
541
|
+
|
|
542
|
+
.commands-grid {
|
|
543
|
+
margin-top: 16px;
|
|
544
|
+
display: grid;
|
|
545
|
+
gap: 12px;
|
|
546
|
+
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
.command-card {
|
|
550
|
+
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
551
|
+
border-radius: 16px;
|
|
552
|
+
background: #1e293bb8;
|
|
553
|
+
padding: 13px;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
.command-card h3 {
|
|
557
|
+
margin: 0 0 8px;
|
|
558
|
+
color: #f0f7ff;
|
|
559
|
+
font-size: 16px;
|
|
560
|
+
letter-spacing: -0.01em;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.command-list {
|
|
564
|
+
margin: 0;
|
|
565
|
+
padding: 0;
|
|
566
|
+
list-style: none;
|
|
567
|
+
display: grid;
|
|
568
|
+
gap: 7px;
|
|
569
|
+
}
|
|
570
|
+
|
|
571
|
+
.command-list li {
|
|
572
|
+
color: #bdd0eb;
|
|
573
|
+
font-size: 14px;
|
|
574
|
+
line-height: 1.5;
|
|
575
|
+
}
|
|
576
|
+
|
|
577
|
+
.command-list code {
|
|
578
|
+
display: inline-block;
|
|
579
|
+
margin-right: 6px;
|
|
580
|
+
padding: 2px 6px;
|
|
581
|
+
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
582
|
+
border-radius: 7px;
|
|
583
|
+
background: #111827;
|
|
584
|
+
color: #f8fafc;
|
|
585
|
+
font-size: 12px;
|
|
586
|
+
font-weight: 800;
|
|
587
|
+
letter-spacing: 0.02em;
|
|
588
|
+
}
|
|
589
|
+
|
|
590
|
+
.commands-actions {
|
|
591
|
+
margin-top: 14px;
|
|
592
|
+
display: flex;
|
|
593
|
+
flex-wrap: wrap;
|
|
594
|
+
gap: 10px;
|
|
595
|
+
align-items: center;
|
|
596
|
+
justify-content: space-between;
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
.commands-actions p {
|
|
600
|
+
margin: 0;
|
|
601
|
+
color: #c2d4ee;
|
|
602
|
+
font-size: 14px;
|
|
603
|
+
font-weight: 700;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
.faq-item {
|
|
607
|
+
border: 1px solid rgba(255, 255, 255, 0.05);
|
|
608
|
+
border-radius: 14px;
|
|
609
|
+
background: #1e293bb8;
|
|
610
|
+
padding: 0 12px;
|
|
611
|
+
}
|
|
612
|
+
|
|
613
|
+
.faq-item summary {
|
|
614
|
+
cursor: pointer;
|
|
615
|
+
list-style: none;
|
|
616
|
+
font-weight: 800;
|
|
617
|
+
color: #ecf3ff;
|
|
618
|
+
padding: 13px 0;
|
|
619
|
+
font-size: 15px;
|
|
620
|
+
}
|
|
621
|
+
|
|
622
|
+
.faq-item summary::-webkit-details-marker {
|
|
623
|
+
display: none;
|
|
624
|
+
}
|
|
625
|
+
|
|
626
|
+
.faq-item p {
|
|
627
|
+
margin: 0;
|
|
628
|
+
color: #bed0ea;
|
|
629
|
+
font-size: 14px;
|
|
630
|
+
line-height: 1.58;
|
|
631
|
+
padding: 0 0 13px;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.faq-item a {
|
|
635
|
+
color: #2563eb;
|
|
636
|
+
text-decoration: none;
|
|
637
|
+
border-bottom: 1px dashed #2563eb;
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
.final-cta {
|
|
641
|
+
margin: 34px 0 26px;
|
|
642
|
+
border: 1px solid #3f5f92;
|
|
643
|
+
border-radius: 24px;
|
|
644
|
+
background: linear-gradient(145deg, #14284b, #12335f);
|
|
645
|
+
padding: clamp(18px, 2.8vw, 32px);
|
|
646
|
+
box-shadow: 0 20px 40px #02091766;
|
|
647
|
+
text-align: center;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
.final-cta h2 {
|
|
651
|
+
margin: 0;
|
|
652
|
+
font-family: var(--font-display);
|
|
653
|
+
font-size: clamp(26px, 3vw, 38px);
|
|
654
|
+
letter-spacing: -0.02em;
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
.final-cta p {
|
|
658
|
+
margin: 10px auto 0;
|
|
659
|
+
max-width: 620px;
|
|
660
|
+
color: #c5d8f4;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
.final-actions {
|
|
664
|
+
margin-top: 16px;
|
|
665
|
+
display: flex;
|
|
666
|
+
justify-content: center;
|
|
667
|
+
flex-wrap: wrap;
|
|
668
|
+
gap: 10px;
|
|
669
|
+
}
|
|
670
|
+
|
|
671
|
+
footer {
|
|
672
|
+
border-top: 1px solid #223653;
|
|
673
|
+
padding: 22px 0 30px;
|
|
674
|
+
color: #93a9c9;
|
|
675
|
+
font-size: 13px;
|
|
676
|
+
}
|
|
677
|
+
|
|
678
|
+
.foot {
|
|
679
|
+
display: flex;
|
|
680
|
+
flex-wrap: wrap;
|
|
681
|
+
justify-content: space-between;
|
|
682
|
+
align-items: center;
|
|
683
|
+
gap: 12px;
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
.foot-links {
|
|
687
|
+
display: flex;
|
|
688
|
+
flex-wrap: wrap;
|
|
689
|
+
gap: 8px;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
.foot a {
|
|
693
|
+
color: #9bc4f5;
|
|
694
|
+
text-decoration: none;
|
|
695
|
+
border: 1px solid #304b75;
|
|
696
|
+
border-radius: 10px;
|
|
697
|
+
padding: 7px 10px;
|
|
698
|
+
background: #101a2f;
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
.btn.nav-user-chip {
|
|
702
|
+
width: 40px;
|
|
703
|
+
height: 40px;
|
|
704
|
+
padding: 0;
|
|
705
|
+
border-radius: 999px;
|
|
706
|
+
border-color: #3f5f8f;
|
|
707
|
+
background: linear-gradient(120deg, #132544d6, #10203ad6);
|
|
708
|
+
box-shadow: 0 0 0 2px #1a2e4b;
|
|
709
|
+
justify-content: center;
|
|
710
|
+
overflow: hidden;
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
.nav-user-avatar-bubble {
|
|
714
|
+
display: inline-flex;
|
|
715
|
+
width: 100%;
|
|
716
|
+
height: 100%;
|
|
717
|
+
border-radius: 999px;
|
|
718
|
+
border: 0;
|
|
719
|
+
background: #132340;
|
|
720
|
+
overflow: hidden;
|
|
721
|
+
flex: 0 0 auto;
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
.nav-user-photo {
|
|
725
|
+
width: 100%;
|
|
726
|
+
height: 100%;
|
|
727
|
+
object-fit: cover;
|
|
728
|
+
display: block;
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
.wpp-float {
|
|
732
|
+
position: fixed;
|
|
733
|
+
right: 16px;
|
|
734
|
+
bottom: 16px;
|
|
735
|
+
width: 56px;
|
|
736
|
+
height: 56px;
|
|
737
|
+
border-radius: 999px;
|
|
738
|
+
border: 1px solid #2fb86f;
|
|
739
|
+
background: linear-gradient(135deg, #25d366, #1ea952);
|
|
740
|
+
color: #052111;
|
|
741
|
+
display: inline-flex;
|
|
742
|
+
align-items: center;
|
|
743
|
+
justify-content: center;
|
|
744
|
+
box-shadow: 0 10px 25px #25d3664d;
|
|
745
|
+
text-decoration: none;
|
|
746
|
+
z-index: 30;
|
|
747
|
+
line-height: 1;
|
|
748
|
+
transition:
|
|
749
|
+
transform 0.2s ease,
|
|
750
|
+
box-shadow 0.2s ease;
|
|
751
|
+
}
|
|
752
|
+
|
|
753
|
+
.wpp-float .icon {
|
|
754
|
+
font-size: 28px;
|
|
755
|
+
}
|
|
756
|
+
|
|
757
|
+
.icon-sprite {
|
|
758
|
+
position: absolute;
|
|
759
|
+
width: 0;
|
|
760
|
+
height: 0;
|
|
761
|
+
overflow: hidden;
|
|
762
|
+
pointer-events: none;
|
|
763
|
+
}
|
|
764
|
+
|
|
765
|
+
.wpp-float:hover {
|
|
766
|
+
transform: translateY(-2px);
|
|
767
|
+
box-shadow: 0 14px 30px #25d36666;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
@media (max-width: 920px) {
|
|
771
|
+
.hero {
|
|
772
|
+
grid-template-columns: 1fr;
|
|
773
|
+
gap: 18px;
|
|
774
|
+
}
|
|
775
|
+
|
|
776
|
+
.top-inner {
|
|
777
|
+
flex-direction: column;
|
|
778
|
+
align-items: stretch;
|
|
779
|
+
}
|
|
780
|
+
|
|
781
|
+
.top-head {
|
|
782
|
+
display: flex;
|
|
783
|
+
justify-content: space-between;
|
|
784
|
+
align-items: center;
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
.nav-toggle {
|
|
788
|
+
display: inline-flex;
|
|
789
|
+
align-items: center;
|
|
790
|
+
justify-content: center;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.nav {
|
|
794
|
+
display: none;
|
|
795
|
+
width: 100%;
|
|
796
|
+
grid-template-columns: 1fr;
|
|
797
|
+
gap: 8px;
|
|
798
|
+
}
|
|
799
|
+
|
|
800
|
+
.nav.open {
|
|
801
|
+
display: grid;
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
.btn {
|
|
805
|
+
width: 100%;
|
|
806
|
+
}
|
|
807
|
+
|
|
808
|
+
.btn.nav-mobile-hidden {
|
|
809
|
+
display: none;
|
|
810
|
+
}
|
|
811
|
+
.proof-grid {
|
|
812
|
+
grid-template-columns: 1fr;
|
|
813
|
+
}
|
|
814
|
+
}
|
|
815
|
+
</style>
|
|
816
|
+
</head>
|
|
817
|
+
<body>
|
|
818
|
+
<svg class="icon-sprite" aria-hidden="true" focusable="false">
|
|
819
|
+
<symbol id="icon-login" viewBox="0 0 24 24">
|
|
820
|
+
<path d="M3 4.5A2.5 2.5 0 0 1 5.5 2h8A2.5 2.5 0 0 1 16 4.5V8a1 1 0 1 1-2 0V4.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V16a1 1 0 1 1 2 0v3.5a2.5 2.5 0 0 1-2.5 2.5h-8A2.5 2.5 0 0 1 3 19.5z" />
|
|
821
|
+
<path d="M19.293 8.293a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L20.586 13H9a1 1 0 1 1 0-2h11.586l-1.293-1.293a1 1 0 0 1 0-1.414z" />
|
|
822
|
+
</symbol>
|
|
823
|
+
<symbol id="icon-sparkles" viewBox="0 0 24 24">
|
|
824
|
+
<path d="m11.35 2.23 1.3.01 1.58 4.23 4.24 1.59v1.29l-4.24 1.59-1.58 4.23h-1.3l-1.58-4.23-4.24-1.59V8.06l4.24-1.59zM18.17 10l.83 2.03L21 12.86l-2 .83-.83 2.03-.83-2.03-2-.83 2-.83zM5 13.2l1.02 2.43 2.42 1.03-2.42 1.03L5 20.12l-1.02-2.43-2.42-1.03 2.42-1.03z" />
|
|
825
|
+
</symbol>
|
|
826
|
+
<symbol id="icon-whatsapp" viewBox="0 0 24 24">
|
|
827
|
+
<path d="M12 2a10 10 0 0 0-8.74 14.86L2 22l5.27-1.23A10 10 0 1 0 12 2zm0 18a7.92 7.92 0 0 1-4.03-1.1l-.58-.34-3.12.73.77-3.02-.37-.6A8 8 0 1 1 12 20z" />
|
|
828
|
+
<path d="M16.32 13.63c-.22-.11-1.32-.65-1.52-.73-.2-.08-.35-.12-.5.12-.14.23-.58.72-.7.87-.13.14-.25.16-.47.05-1.3-.65-2.15-1.16-3.02-2.63-.23-.4.23-.37.66-1.24.08-.16.04-.3-.02-.42-.06-.11-.5-1.21-.68-1.65-.18-.43-.37-.37-.5-.37h-.43c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2 0 1.17.86 2.3.98 2.46.12.16 1.68 2.57 4.08 3.6.57.25 1.01.4 1.36.52.57.18 1.08.15 1.48.09.46-.07 1.32-.54 1.5-1.07.19-.53.19-.98.13-1.08-.05-.1-.2-.16-.42-.27z" />
|
|
829
|
+
</symbol>
|
|
830
|
+
</svg>
|
|
831
|
+
|
|
832
|
+
<header class="top">
|
|
833
|
+
<div class="container top-inner">
|
|
834
|
+
<div class="top-head">
|
|
835
|
+
<a class="brand" href="/" aria-label="OmniZap Home">
|
|
836
|
+
<img src="/assets/images/brand-logo-128.webp" alt="OmniZap" width="30" height="30" decoding="async" />
|
|
837
|
+
<span>OmniZap Bot</span>
|
|
838
|
+
</a>
|
|
839
|
+
<button id="nav-toggle" class="nav-toggle" type="button" aria-expanded="false" aria-controls="main-nav" aria-label="Abrir menu">☰</button>
|
|
777
840
|
</div>
|
|
778
841
|
|
|
779
|
-
<
|
|
780
|
-
<
|
|
781
|
-
|
|
782
|
-
|
|
842
|
+
<nav id="main-nav" class="nav" aria-label="Navegação principal">
|
|
843
|
+
<a class="btn" href="#como-funciona">Como funciona</a>
|
|
844
|
+
<a class="btn" href="#recursos">Recursos</a>
|
|
845
|
+
<a class="btn" href="#comandos">Comandos</a>
|
|
846
|
+
<a class="btn" href="#para-quem">Para quem</a>
|
|
847
|
+
<a class="btn" href="/stickers/">Stickers</a>
|
|
848
|
+
<a class="btn" href="#guias">Guias</a>
|
|
849
|
+
<a class="btn" href="#faq">FAQ</a>
|
|
850
|
+
<a id="nav-scheduler-link" class="btn" href="#beneficios">Benefícios</a>
|
|
851
|
+
<a id="nav-auth-link" class="btn" href="/login/"
|
|
852
|
+
><span class="icon" aria-hidden="true"
|
|
853
|
+
><svg viewBox="0 0 24 24"><use href="#icon-login"></use></svg></span
|
|
854
|
+
>Entrar</a
|
|
855
|
+
>
|
|
856
|
+
</nav>
|
|
857
|
+
</div>
|
|
858
|
+
</header>
|
|
859
|
+
|
|
860
|
+
<main class="container">
|
|
861
|
+
<section class="hero" aria-labelledby="hero-title">
|
|
862
|
+
<div>
|
|
863
|
+
<span class="eyebrow">Bot pronto para grupos WhatsApp</span>
|
|
864
|
+
<h1 id="hero-title">Adicione o bot ao seu grupo e deixe ele fazer o resto.</h1>
|
|
865
|
+
<p>Automação automática, organização de mensagens e recursos inteligentes prontos para usar. Sem configuração técnica. Sem programação. Sem complicação.</p>
|
|
866
|
+
|
|
867
|
+
<div class="hero-cta">
|
|
868
|
+
<a class="btn primary" data-add-bot-cta href="/login/"
|
|
869
|
+
><span class="icon" aria-hidden="true"
|
|
870
|
+
><svg viewBox="0 0 24 24"><use href="#icon-whatsapp"></use></svg></span
|
|
871
|
+
>Adicionar ao Meu Grupo</a
|
|
872
|
+
>
|
|
873
|
+
<a class="btn secondary" href="#recursos"
|
|
874
|
+
><span class="icon" aria-hidden="true"
|
|
875
|
+
><svg viewBox="0 0 24 24"><use href="#icon-sparkles"></use></svg></span
|
|
876
|
+
>Ver Recursos</a
|
|
877
|
+
>
|
|
878
|
+
</div>
|
|
879
|
+
|
|
880
|
+
<div class="proof-grid" aria-label="Prova social">
|
|
881
|
+
<article class="proof">
|
|
882
|
+
<strong id="proof-packs">--</strong>
|
|
883
|
+
<span>rotinas e respostas prontas</span>
|
|
884
|
+
</article>
|
|
885
|
+
<article class="proof">
|
|
886
|
+
<strong id="proof-stickers">--</strong>
|
|
887
|
+
<span>stickers disponíveis</span>
|
|
888
|
+
</article>
|
|
889
|
+
<article class="proof">
|
|
890
|
+
<strong id="proof-groups">--</strong>
|
|
891
|
+
<span>grupos ativos com o bot</span>
|
|
892
|
+
</article>
|
|
893
|
+
</div>
|
|
894
|
+
</div>
|
|
895
|
+
|
|
896
|
+
<aside class="mockup" aria-label="Exemplo de conversa com bot no grupo">
|
|
897
|
+
<div class="mockup-head">
|
|
898
|
+
<span>Comunidade OmniZap</span>
|
|
899
|
+
<span id="proof-status">bot online</span>
|
|
900
|
+
</div>
|
|
901
|
+
<div class="chat">
|
|
902
|
+
<div class="msg user">Pessoal, os links estão bagunçando o grupo 😅</div>
|
|
903
|
+
<div class="msg bot">✅ Pronto! Ativei moderação automática. Links suspeitos agora são bloqueados.</div>
|
|
904
|
+
<div class="msg user">Consegue mandar aviso de reunião amanhã às 9h?</div>
|
|
905
|
+
<div class="msg bot">📣 Aviso agendado para todo o grupo. Também vou lembrar 15 minutos antes.</div>
|
|
906
|
+
<div class="msg user">Top! E os comandos?</div>
|
|
907
|
+
<div class="msg bot">🤖 Já estão ativos. Digite /menu e veja mais de 50 comandos no seu grupo.</div>
|
|
908
|
+
</div>
|
|
909
|
+
</aside>
|
|
910
|
+
</section>
|
|
911
|
+
|
|
912
|
+
<section id="como-funciona" class="section" aria-labelledby="como-funciona-title">
|
|
913
|
+
<h2 id="como-funciona-title">Como funciona</h2>
|
|
914
|
+
<p class="lead">Ultra simples: três passos e o grupo já começa a rodar com automação.</p>
|
|
915
|
+
<div class="steps">
|
|
916
|
+
<article class="card">
|
|
917
|
+
<h3><span>1️⃣</span> Clique em adicionar</h3>
|
|
918
|
+
<p>Toque no botão e abra a conversa com o bot no WhatsApp.</p>
|
|
783
919
|
</article>
|
|
784
|
-
<article class="
|
|
785
|
-
<
|
|
786
|
-
<
|
|
920
|
+
<article class="card">
|
|
921
|
+
<h3><span>2️⃣</span> Autorize no grupo</h3>
|
|
922
|
+
<p>Adicione o OmniZap no grupo ou comunidade em poucos toques.</p>
|
|
787
923
|
</article>
|
|
788
|
-
<article class="
|
|
789
|
-
<
|
|
790
|
-
<
|
|
924
|
+
<article class="card">
|
|
925
|
+
<h3><span>3️⃣</span> Pronto. Já funciona</h3>
|
|
926
|
+
<p>Moderação, avisos e respostas automáticas começam imediatamente.</p>
|
|
791
927
|
</article>
|
|
792
928
|
</div>
|
|
793
|
-
</
|
|
794
|
-
|
|
795
|
-
<
|
|
796
|
-
<
|
|
797
|
-
|
|
798
|
-
|
|
929
|
+
</section>
|
|
930
|
+
|
|
931
|
+
<section id="recursos" class="section" aria-labelledby="recursos-title">
|
|
932
|
+
<h2 id="recursos-title">O que o bot faz por você</h2>
|
|
933
|
+
<p class="lead">Tudo focado em resultado no grupo, sem linguagem técnica.</p>
|
|
934
|
+
<div class="features">
|
|
935
|
+
<article class="card">
|
|
936
|
+
<h3>🤖 Responde automaticamente</h3>
|
|
937
|
+
<p>Respostas rápidas para dúvidas repetidas e comandos prontos para o dia a dia.</p>
|
|
938
|
+
</article>
|
|
939
|
+
<article class="card">
|
|
940
|
+
<h3>📌 Organiza o grupo</h3>
|
|
941
|
+
<p>Ajuda a manter conversas úteis e reduz o caos de mensagens perdidas.</p>
|
|
942
|
+
</article>
|
|
943
|
+
<article class="card">
|
|
944
|
+
<h3>🛑 Moderação inteligente</h3>
|
|
945
|
+
<p>Bloqueia spam e comportamentos problemáticos para proteger sua comunidade.</p>
|
|
946
|
+
</article>
|
|
947
|
+
<article class="card">
|
|
948
|
+
<h3>📣 Envia avisos automáticos</h3>
|
|
949
|
+
<p>Agenda recados e lembretes para que ninguém perca informações importantes.</p>
|
|
950
|
+
</article>
|
|
951
|
+
<article class="card">
|
|
952
|
+
<h3>🎉 Recursos extras integrados</h3>
|
|
953
|
+
<p>Stickers, interações e utilidades prontas para aumentar o engajamento do grupo.</p>
|
|
954
|
+
</article>
|
|
799
955
|
</div>
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
<
|
|
956
|
+
</section>
|
|
957
|
+
|
|
958
|
+
<section id="comandos" class="section" aria-labelledby="comandos-title">
|
|
959
|
+
<h2 id="comandos-title">⚡ Veja tudo que o bot pode fazer no seu grupo</h2>
|
|
960
|
+
<p class="lead">Comandos simples que resolvem tarefas reais do dia a dia.</p>
|
|
961
|
+
<div class="commands-grid">
|
|
962
|
+
<article class="command-card">
|
|
963
|
+
<h3>🛡️ Moderação</h3>
|
|
964
|
+
<ul class="command-list">
|
|
965
|
+
<li><code>/ban</code>Remove membros problemáticos</li>
|
|
966
|
+
<li><code>/captcha</code>Proteção contra bots</li>
|
|
967
|
+
<li><code>/setgroup</code>Ativa modo restrito</li>
|
|
968
|
+
<li><code>/welcome</code>Boas-vindas automáticas</li>
|
|
969
|
+
<li><code>/farewell</code>Aviso quando alguém sai</li>
|
|
970
|
+
</ul>
|
|
971
|
+
</article>
|
|
972
|
+
<article class="command-card">
|
|
973
|
+
<h3>🎨 Figurinhas</h3>
|
|
974
|
+
<ul class="command-list">
|
|
975
|
+
<li><code>/sticker</code>Cria figurinha</li>
|
|
976
|
+
<li><code>/stickertext</code>Figurinha com texto</li>
|
|
977
|
+
<li><code>/pack create</code>Cria pack de stickers</li>
|
|
978
|
+
<li><code>/pack send</code>Envia pack no grupo</li>
|
|
979
|
+
<li><code>/toimg</code>Converte figurinha em imagem</li>
|
|
980
|
+
</ul>
|
|
981
|
+
</article>
|
|
982
|
+
<article class="command-card">
|
|
983
|
+
<h3>🎮 Engajamento</h3>
|
|
984
|
+
<ul class="command-list">
|
|
985
|
+
<li><code>/ranking</code>Ranking do grupo</li>
|
|
986
|
+
<li><code>/rankingglobal</code>Ranking global</li>
|
|
987
|
+
<li><code>/dado</code>Jogo de dados</li>
|
|
988
|
+
<li><code>/quote</code>Cita mensagem com estilo</li>
|
|
989
|
+
<li><code>/user perfil</code>Resumo do perfil</li>
|
|
990
|
+
</ul>
|
|
991
|
+
</article>
|
|
992
|
+
<article class="command-card">
|
|
993
|
+
<h3>🎵 Mídia</h3>
|
|
994
|
+
<ul class="command-list">
|
|
995
|
+
<li><code>/play</code>Toca música</li>
|
|
996
|
+
<li><code>/playvid</code>Toca vídeo</li>
|
|
997
|
+
<li><code>/tiktok</code>Baixa vídeo do TikTok</li>
|
|
998
|
+
<li><code>/down</code>Faz download de mídia</li>
|
|
999
|
+
<li><code>/menu</code>Atalho para todos os comandos</li>
|
|
1000
|
+
</ul>
|
|
1001
|
+
</article>
|
|
1002
|
+
<article class="command-card">
|
|
1003
|
+
<h3>🤖 Utilidades inteligentes</h3>
|
|
1004
|
+
<ul class="command-list">
|
|
1005
|
+
<li><code>/menu ia</code>Recursos de IA</li>
|
|
1006
|
+
<li><code>/autorequests</code>Respostas automáticas</li>
|
|
1007
|
+
<li><code>/noticias</code>Notícias no grupo</li>
|
|
1008
|
+
<li><code>/metadata</code>Informações técnicas</li>
|
|
1009
|
+
<li><code>/ping</code>Status do bot</li>
|
|
1010
|
+
</ul>
|
|
1011
|
+
</article>
|
|
807
1012
|
</div>
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
<
|
|
815
|
-
<
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
<
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
<
|
|
848
|
-
<
|
|
849
|
-
</
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
</
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
<
|
|
863
|
-
<
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
<
|
|
877
|
-
<
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
<
|
|
884
|
-
<
|
|
885
|
-
<
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
<
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
<
|
|
902
|
-
<
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
<div class="
|
|
913
|
-
<
|
|
914
|
-
<
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
<article class="card"><h3>👥 Donos de comunidade</h3><p>Mantenha regras e organização sem esforço manual constante.</p></article>
|
|
923
|
-
<article class="card"><h3>🎬 Criadores de conteúdo</h3><p>Gerencie audiência e comunicados com mais consistência.</p></article>
|
|
924
|
-
<article class="card"><h3>📚 Grupos de estudo</h3><p>Centralize avisos e reduza distrações para manter foco.</p></article>
|
|
925
|
-
<article class="card"><h3>🛍️ Lojas online</h3><p>Automatize atendimento inicial e mensagens recorrentes.</p></article>
|
|
926
|
-
<article class="card"><h3>🏢 Equipes internas</h3><p>Padronize comunicação e acompanhe rotinas com agilidade.</p></article>
|
|
927
|
-
</div>
|
|
928
|
-
</section>
|
|
929
|
-
|
|
930
|
-
<section id="beneficios" class="section" aria-labelledby="beneficios-title">
|
|
931
|
-
<h2 id="beneficios-title">Benefícios imediatos</h2>
|
|
932
|
-
<p class="lead">Você adiciona. Ele organiza.</p>
|
|
933
|
-
<div class="benefits">
|
|
934
|
-
<article class="benefit-item">✅ Economiza tempo da equipe</article>
|
|
935
|
-
<article class="benefit-item">✅ Evita spam e bagunça</article>
|
|
936
|
-
<article class="benefit-item">✅ Mantém o grupo organizado</article>
|
|
937
|
-
<article class="benefit-item">✅ Deixa sua comunidade mais profissional</article>
|
|
938
|
-
</div>
|
|
939
|
-
</section>
|
|
940
|
-
|
|
941
|
-
<section id="guias" class="section" aria-labelledby="guias-title">
|
|
942
|
-
<h2 id="guias-title">Guias rápidos para seu grupo crescer organizado</h2>
|
|
943
|
-
<p class="lead">Conteúdo satélite para resolver dores reais de operação e reforçar sua estratégia de comunidade.</p>
|
|
944
|
-
<div class="guides-grid">
|
|
945
|
-
<a class="guide-link" href="/bot-whatsapp-para-grupo/">Bot para grupo de WhatsApp<span>Guia de entrada rápida</span></a>
|
|
946
|
-
<a class="guide-link" href="/como-moderar-grupo-whatsapp/">Como moderar grupo no WhatsApp<span>Fluxo prático sem sobrecarga</span></a>
|
|
947
|
-
<a class="guide-link" href="/como-evitar-spam-no-whatsapp/">Como evitar spam no WhatsApp<span>Proteja o grupo com menos esforço</span></a>
|
|
948
|
-
<a class="guide-link" href="/como-organizar-comunidade-whatsapp/">Como organizar comunidade no WhatsApp<span>Estrutura para escala com qualidade</span></a>
|
|
949
|
-
<a class="guide-link" href="/como-automatizar-avisos-no-whatsapp/">Como automatizar avisos no WhatsApp<span>Recados certos no momento certo</span></a>
|
|
950
|
-
<a class="guide-link" href="/como-criar-comandos-whatsapp/">Como criar comandos no WhatsApp<span>Padronize respostas e rotinas</span></a>
|
|
951
|
-
<a class="guide-link" href="/melhor-bot-whatsapp-para-grupos/">Melhor bot para grupos<span>Comparativo orientado a resultado</span></a>
|
|
952
|
-
<a class="guide-link" href="/bot-whatsapp-sem-programar/">Bot para WhatsApp sem programar<span>Automação sem setup técnico</span></a>
|
|
953
|
-
</div>
|
|
954
|
-
</section>
|
|
955
|
-
|
|
956
|
-
<section id="faq" class="section" aria-labelledby="faq-title">
|
|
957
|
-
<h2 id="faq-title">Perguntas frequentes</h2>
|
|
958
|
-
<p class="lead">Tudo que você precisa para começar sem complicação.</p>
|
|
959
|
-
<div class="faq-list">
|
|
960
|
-
<details class="faq-item">
|
|
961
|
-
<summary>Preciso configurar algo técnico para usar o OmniZap?</summary>
|
|
962
|
-
<p>Não. Você só adiciona o bot ao grupo, autoriza e ele já começa a funcionar com recursos automáticos.</p>
|
|
963
|
-
</details>
|
|
964
|
-
<details class="faq-item">
|
|
965
|
-
<summary>Em quanto tempo o bot começa a funcionar?</summary>
|
|
966
|
-
<p>Normalmente em menos de 1 minuto após a adição e autorização no grupo.</p>
|
|
967
|
-
</details>
|
|
968
|
-
<details class="faq-item">
|
|
969
|
-
<summary>O OmniZap funciona para grupos e comunidades?</summary>
|
|
970
|
-
<p>Sim. O OmniZap foi criado para facilitar moderação, avisos e organização em grupos e comunidades no WhatsApp.</p>
|
|
971
|
-
</details>
|
|
972
|
-
<details class="faq-item">
|
|
973
|
-
<summary>Posso usar stickers junto com o bot?</summary>
|
|
974
|
-
<p>Sim. Os stickers fazem parte do ecossistema OmniZap e podem ser usados como recurso extra para engajamento. Veja o catálogo em <a href="/stickers/">/stickers/</a>.</p>
|
|
975
|
-
</details>
|
|
976
|
-
<details class="faq-item">
|
|
977
|
-
<summary>Preciso entender API para começar?</summary>
|
|
978
|
-
<p>Não para uso comum. A área de API existe para integrações avançadas e pode ser acessada em <a href="/api-docs/">/api-docs/</a>.</p>
|
|
979
|
-
</details>
|
|
980
|
-
<details class="faq-item">
|
|
981
|
-
<summary>Quantos comandos o OmniZap possui?</summary>
|
|
982
|
-
<p>Você pode acessar mais de 50 comandos ativos no seu grupo digitando <strong>/menu</strong> ou consultando a página <a href="/comandos/">/comandos/</a>.</p>
|
|
983
|
-
</details>
|
|
984
|
-
</div>
|
|
985
|
-
</section>
|
|
986
|
-
|
|
987
|
-
<section class="final-cta" aria-labelledby="cta-final-title">
|
|
988
|
-
<h2 id="cta-final-title">Seu grupo mais organizado em menos de 1 minuto.</h2>
|
|
989
|
-
<p>Sem setup técnico. Sem curva de aprendizado. Clique e comece agora.</p>
|
|
990
|
-
<div class="final-actions">
|
|
991
|
-
<a class="btn primary" data-add-bot-cta href="/login/"><i class="fa-brands fa-whatsapp" aria-hidden="true"></i>Adicionar Bot Agora</a>
|
|
992
|
-
<a id="final-login-cta" class="btn" href="/login/"><i class="fa-solid fa-user" aria-hidden="true"></i>Entrar</a>
|
|
1013
|
+
<div class="commands-actions">
|
|
1014
|
+
<p>+ dezenas de outros comandos disponíveis para sua operação.</p>
|
|
1015
|
+
<a class="btn secondary" href="/comandos/">Ver lista completa</a>
|
|
1016
|
+
</div>
|
|
1017
|
+
</section>
|
|
1018
|
+
|
|
1019
|
+
<section id="para-quem" class="section" aria-labelledby="para-quem-title">
|
|
1020
|
+
<h2 id="para-quem-title">Para quem é</h2>
|
|
1021
|
+
<p class="lead">Se você administra pessoas em grupo, o OmniZap foi feito para você.</p>
|
|
1022
|
+
<div class="audience">
|
|
1023
|
+
<article class="card">
|
|
1024
|
+
<h3>👥 Donos de comunidade</h3>
|
|
1025
|
+
<p>Mantenha regras e organização sem esforço manual constante.</p>
|
|
1026
|
+
</article>
|
|
1027
|
+
<article class="card">
|
|
1028
|
+
<h3>🎬 Criadores de conteúdo</h3>
|
|
1029
|
+
<p>Gerencie audiência e comunicados com mais consistência.</p>
|
|
1030
|
+
</article>
|
|
1031
|
+
<article class="card">
|
|
1032
|
+
<h3>📚 Grupos de estudo</h3>
|
|
1033
|
+
<p>Centralize avisos e reduza distrações para manter foco.</p>
|
|
1034
|
+
</article>
|
|
1035
|
+
<article class="card">
|
|
1036
|
+
<h3>🛍️ Lojas online</h3>
|
|
1037
|
+
<p>Automatize atendimento inicial e mensagens recorrentes.</p>
|
|
1038
|
+
</article>
|
|
1039
|
+
<article class="card">
|
|
1040
|
+
<h3>🏢 Equipes internas</h3>
|
|
1041
|
+
<p>Padronize comunicação e acompanhe rotinas com agilidade.</p>
|
|
1042
|
+
</article>
|
|
1043
|
+
</div>
|
|
1044
|
+
</section>
|
|
1045
|
+
|
|
1046
|
+
<section id="beneficios" class="section" aria-labelledby="beneficios-title">
|
|
1047
|
+
<h2 id="beneficios-title">Benefícios imediatos</h2>
|
|
1048
|
+
<p class="lead">Você adiciona. Ele organiza.</p>
|
|
1049
|
+
<div class="benefits">
|
|
1050
|
+
<article class="benefit-item">✅ Economiza tempo da equipe</article>
|
|
1051
|
+
<article class="benefit-item">✅ Evita spam e bagunça</article>
|
|
1052
|
+
<article class="benefit-item">✅ Mantém o grupo organizado</article>
|
|
1053
|
+
<article class="benefit-item">✅ Deixa sua comunidade mais profissional</article>
|
|
1054
|
+
</div>
|
|
1055
|
+
</section>
|
|
1056
|
+
|
|
1057
|
+
<section id="guias" class="section" aria-labelledby="guias-title">
|
|
1058
|
+
<h2 id="guias-title">Guias rápidos para seu grupo crescer organizado</h2>
|
|
1059
|
+
<p class="lead">Conteúdo satélite para resolver dores reais de operação e reforçar sua estratégia de comunidade.</p>
|
|
1060
|
+
<div class="guides-grid">
|
|
1061
|
+
<a class="guide-link" href="/bot-whatsapp-para-grupo/">Bot para grupo de WhatsApp<span>Guia de entrada rápida</span></a>
|
|
1062
|
+
<a class="guide-link" href="/como-moderar-grupo-whatsapp/">Como moderar grupo no WhatsApp<span>Fluxo prático sem sobrecarga</span></a>
|
|
1063
|
+
<a class="guide-link" href="/como-evitar-spam-no-whatsapp/">Como evitar spam no WhatsApp<span>Proteja o grupo com menos esforço</span></a>
|
|
1064
|
+
<a class="guide-link" href="/como-organizar-comunidade-whatsapp/">Como organizar comunidade no WhatsApp<span>Estrutura para escala com qualidade</span></a>
|
|
1065
|
+
<a class="guide-link" href="/como-automatizar-avisos-no-whatsapp/">Como automatizar avisos no WhatsApp<span>Recados certos no momento certo</span></a>
|
|
1066
|
+
<a class="guide-link" href="/como-criar-comandos-whatsapp/">Como criar comandos no WhatsApp<span>Padronize respostas e rotinas</span></a>
|
|
1067
|
+
<a class="guide-link" href="/melhor-bot-whatsapp-para-grupos/">Melhor bot para grupos<span>Comparativo orientado a resultado</span></a>
|
|
1068
|
+
<a class="guide-link" href="/bot-whatsapp-sem-programar/">Bot para WhatsApp sem programar<span>Automação sem setup técnico</span></a>
|
|
1069
|
+
</div>
|
|
1070
|
+
</section>
|
|
1071
|
+
|
|
1072
|
+
<section id="faq" class="section" aria-labelledby="faq-title">
|
|
1073
|
+
<h2 id="faq-title">Perguntas frequentes</h2>
|
|
1074
|
+
<p class="lead">Tudo que você precisa para começar sem complicação.</p>
|
|
1075
|
+
<div class="faq-list">
|
|
1076
|
+
<details class="faq-item">
|
|
1077
|
+
<summary>Preciso configurar algo técnico para usar o OmniZap?</summary>
|
|
1078
|
+
<p>Não. Você só adiciona o bot ao grupo, autoriza e ele já começa a funcionar com recursos automáticos.</p>
|
|
1079
|
+
</details>
|
|
1080
|
+
<details class="faq-item">
|
|
1081
|
+
<summary>Em quanto tempo o bot começa a funcionar?</summary>
|
|
1082
|
+
<p>Normalmente em menos de 1 minuto após a adição e autorização no grupo.</p>
|
|
1083
|
+
</details>
|
|
1084
|
+
<details class="faq-item">
|
|
1085
|
+
<summary>O OmniZap funciona para grupos e comunidades?</summary>
|
|
1086
|
+
<p>Sim. O OmniZap foi criado para facilitar moderação, avisos e organização em grupos e comunidades no WhatsApp.</p>
|
|
1087
|
+
</details>
|
|
1088
|
+
<details class="faq-item">
|
|
1089
|
+
<summary>Posso usar stickers junto com o bot?</summary>
|
|
1090
|
+
<p>Sim. Os stickers fazem parte do ecossistema OmniZap e podem ser usados como recurso extra para engajamento. Veja o catálogo em <a href="/stickers/">/stickers/</a>.</p>
|
|
1091
|
+
</details>
|
|
1092
|
+
<details class="faq-item">
|
|
1093
|
+
<summary>Preciso entender API para começar?</summary>
|
|
1094
|
+
<p>Não para uso comum. A área de API existe para integrações avançadas e pode ser acessada em <a href="/api-docs/">/api-docs/</a>.</p>
|
|
1095
|
+
</details>
|
|
1096
|
+
<details class="faq-item">
|
|
1097
|
+
<summary>Quantos comandos o OmniZap possui?</summary>
|
|
1098
|
+
<p>Você pode acessar mais de 50 comandos ativos no seu grupo digitando <strong>/menu</strong> ou consultando a página <a href="/comandos/">/comandos/</a>.</p>
|
|
1099
|
+
</details>
|
|
1100
|
+
</div>
|
|
1101
|
+
</section>
|
|
1102
|
+
|
|
1103
|
+
<section class="final-cta" aria-labelledby="cta-final-title">
|
|
1104
|
+
<h2 id="cta-final-title">Seu grupo mais organizado em menos de 1 minuto.</h2>
|
|
1105
|
+
<p>Sem setup técnico. Sem curva de aprendizado. Clique e comece agora.</p>
|
|
1106
|
+
<div class="final-actions">
|
|
1107
|
+
<a class="btn primary" data-add-bot-cta href="/login/"
|
|
1108
|
+
><span class="icon" aria-hidden="true"
|
|
1109
|
+
><svg viewBox="0 0 24 24"><use href="#icon-whatsapp"></use></svg></span
|
|
1110
|
+
>Adicionar Bot Agora</a
|
|
1111
|
+
>
|
|
1112
|
+
</div>
|
|
1113
|
+
</section>
|
|
1114
|
+
</main>
|
|
1115
|
+
|
|
1116
|
+
<footer>
|
|
1117
|
+
<div class="container foot">
|
|
1118
|
+
<div>OmniZap System 2026 · Bot pronto para grupos WhatsApp</div>
|
|
1119
|
+
<nav class="foot-links" aria-label="Links de rodapé">
|
|
1120
|
+
<a href="/termos-de-uso/">Termos</a>
|
|
1121
|
+
<a href="/licenca/">Licença</a>
|
|
1122
|
+
<a href="/stickers/">Stickers</a>
|
|
1123
|
+
<a href="/comandos/">Comandos</a>
|
|
1124
|
+
<a href="/api-docs/">Para desenvolvedores</a>
|
|
1125
|
+
<a href="https://github.com/Kaikygr/omnizap-system" target="_blank" rel="noreferrer noopener">Open Source</a>
|
|
1126
|
+
</nav>
|
|
993
1127
|
</div>
|
|
994
|
-
</
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
<a href="/stickers/">Stickers</a>
|
|
1004
|
-
<a href="/comandos/">Comandos</a>
|
|
1005
|
-
<a href="/api-docs/">Para desenvolvedores</a>
|
|
1006
|
-
<a href="https://github.com/Kaikygr/omnizap-system" target="_blank" rel="noreferrer noopener">Open Source</a>
|
|
1007
|
-
</nav>
|
|
1008
|
-
</div>
|
|
1009
|
-
</footer>
|
|
1010
|
-
|
|
1011
|
-
<a
|
|
1012
|
-
id="wpp-float"
|
|
1013
|
-
class="wpp-float"
|
|
1014
|
-
href="#"
|
|
1015
|
-
target="_blank"
|
|
1016
|
-
rel="noreferrer noopener"
|
|
1017
|
-
aria-label="Adicionar bot no WhatsApp"
|
|
1018
|
-
title="Adicionar bot"
|
|
1019
|
-
hidden
|
|
1020
|
-
><i class="fa-brands fa-whatsapp" aria-hidden="true"></i></a>
|
|
1021
|
-
|
|
1022
|
-
<script type="module" src="/js/apps/homeApp.js?v=20260228-home-ready-bot-v1"></script>
|
|
1023
|
-
</body>
|
|
1128
|
+
</footer>
|
|
1129
|
+
|
|
1130
|
+
<a id="wpp-float" class="wpp-float" href="#" target="_blank" rel="noreferrer noopener" aria-label="Adicionar bot no WhatsApp" title="Adicionar bot" hidden
|
|
1131
|
+
><span class="icon" aria-hidden="true"
|
|
1132
|
+
><svg viewBox="0 0 24 24"><use href="#icon-whatsapp"></use></svg></span
|
|
1133
|
+
></a>
|
|
1134
|
+
|
|
1135
|
+
<script type="module" src="/js/apps/homeApp.js?v=20260228-home-bootstrap-v10"></script>
|
|
1136
|
+
</body>
|
|
1024
1137
|
</html>
|