web-agent-bridge 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (202) hide show
  1. package/LICENSE +72 -72
  2. package/README.ar.md +1286 -1152
  3. package/README.md +1764 -1635
  4. package/bin/agent-runner.js +474 -474
  5. package/bin/cli.js +237 -138
  6. package/bin/wab.js +80 -80
  7. package/examples/bidi-agent.js +119 -119
  8. package/examples/cross-site-agent.js +91 -91
  9. package/examples/mcp-agent.js +94 -94
  10. package/examples/next-app-router/README.md +44 -44
  11. package/examples/puppeteer-agent.js +108 -108
  12. package/examples/saas-dashboard/README.md +55 -55
  13. package/examples/shopify-hydrogen/README.md +74 -74
  14. package/examples/vision-agent.js +171 -171
  15. package/examples/wordpress-elementor/README.md +77 -77
  16. package/package.json +16 -3
  17. package/public/.well-known/agent-tools.json +180 -180
  18. package/public/.well-known/ai-assets.json +59 -59
  19. package/public/.well-known/security.txt +8 -0
  20. package/public/agent-workspace.html +349 -349
  21. package/public/ai.html +198 -198
  22. package/public/api.html +413 -412
  23. package/public/browser.html +486 -486
  24. package/public/commander-dashboard.html +243 -243
  25. package/public/cookies.html +210 -210
  26. package/public/css/agent-workspace.css +1713 -1713
  27. package/public/css/premium.css +317 -317
  28. package/public/css/styles.css +1235 -1235
  29. package/public/dashboard.html +706 -706
  30. package/public/dns.html +507 -0
  31. package/public/docs.html +587 -587
  32. package/public/feed.xml +89 -89
  33. package/public/growth.html +463 -463
  34. package/public/index.html +1070 -982
  35. package/public/integrations.html +556 -0
  36. package/public/js/agent-workspace.js +1740 -1740
  37. package/public/js/auth-nav.js +31 -31
  38. package/public/js/auth-redirect.js +12 -12
  39. package/public/js/cookie-consent.js +56 -56
  40. package/public/js/wab-demo-page.js +721 -721
  41. package/public/js/ws-client.js +74 -74
  42. package/public/llms-full.txt +360 -360
  43. package/public/llms.txt +125 -125
  44. package/public/login.html +85 -85
  45. package/public/mesh-dashboard.html +328 -328
  46. package/public/openapi.json +580 -580
  47. package/public/phone-shield.html +281 -0
  48. package/public/premium-dashboard.html +2489 -2489
  49. package/public/premium.html +793 -793
  50. package/public/privacy.html +297 -297
  51. package/public/register.html +105 -105
  52. package/public/robots.txt +87 -87
  53. package/public/script/wab-consent.d.ts +36 -36
  54. package/public/script/wab-consent.js +104 -104
  55. package/public/script/wab-schema.js +131 -131
  56. package/public/script/wab.d.ts +108 -108
  57. package/public/script/wab.min.js +580 -580
  58. package/public/security.txt +8 -0
  59. package/public/terms.html +256 -256
  60. package/script/ai-agent-bridge.js +1754 -1754
  61. package/sdk/README.md +99 -99
  62. package/sdk/agent-mesh.js +449 -449
  63. package/sdk/commander.js +262 -262
  64. package/sdk/index.d.ts +464 -464
  65. package/sdk/index.js +12 -1
  66. package/sdk/multi-agent.js +318 -318
  67. package/sdk/package.json +1 -1
  68. package/sdk/safety-shield.js +219 -0
  69. package/sdk/schema-discovery.js +83 -83
  70. package/server/adapters/index.js +520 -520
  71. package/server/config/plans.js +367 -367
  72. package/server/config/secrets.js +102 -102
  73. package/server/control-plane/index.js +301 -301
  74. package/server/data-plane/index.js +354 -354
  75. package/server/index.js +531 -427
  76. package/server/llm/index.js +404 -404
  77. package/server/middleware/adminAuth.js +35 -35
  78. package/server/middleware/auth.js +50 -50
  79. package/server/middleware/featureGate.js +88 -88
  80. package/server/middleware/rateLimits.js +100 -100
  81. package/server/middleware/sensitiveAction.js +157 -0
  82. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  83. package/server/migrations/002_premium_features.sql +418 -418
  84. package/server/migrations/003_ads_integer_cents.sql +33 -33
  85. package/server/migrations/004_agent_os.sql +158 -158
  86. package/server/migrations/005_marketplace_metering.sql +126 -126
  87. package/server/models/adapters/index.js +33 -33
  88. package/server/models/adapters/mysql.js +183 -183
  89. package/server/models/adapters/postgresql.js +172 -172
  90. package/server/models/adapters/sqlite.js +7 -7
  91. package/server/models/db.js +681 -681
  92. package/server/observability/failure-analysis.js +337 -337
  93. package/server/observability/index.js +394 -394
  94. package/server/protocol/capabilities.js +223 -223
  95. package/server/protocol/index.js +243 -243
  96. package/server/protocol/schema.js +584 -584
  97. package/server/registry/certification.js +271 -271
  98. package/server/registry/index.js +326 -326
  99. package/server/routes/admin-premium.js +671 -671
  100. package/server/routes/admin.js +261 -261
  101. package/server/routes/ads.js +130 -130
  102. package/server/routes/agent-workspace.js +540 -540
  103. package/server/routes/api.js +150 -150
  104. package/server/routes/auth.js +71 -71
  105. package/server/routes/billing.js +45 -45
  106. package/server/routes/commander.js +316 -316
  107. package/server/routes/demo-showcase.js +332 -332
  108. package/server/routes/demo-store.js +154 -0
  109. package/server/routes/discovery.js +417 -417
  110. package/server/routes/gateway.js +173 -157
  111. package/server/routes/license.js +251 -240
  112. package/server/routes/mesh.js +469 -469
  113. package/server/routes/noscript.js +543 -543
  114. package/server/routes/premium-v2.js +686 -686
  115. package/server/routes/premium.js +724 -724
  116. package/server/routes/runtime.js +2148 -2147
  117. package/server/routes/sovereign.js +465 -385
  118. package/server/routes/universal.js +200 -185
  119. package/server/routes/wab-api.js +850 -501
  120. package/server/runtime/container-worker.js +111 -111
  121. package/server/runtime/container.js +448 -448
  122. package/server/runtime/distributed-worker.js +362 -362
  123. package/server/runtime/event-bus.js +210 -210
  124. package/server/runtime/index.js +253 -253
  125. package/server/runtime/queue.js +599 -599
  126. package/server/runtime/replay.js +666 -666
  127. package/server/runtime/sandbox.js +266 -266
  128. package/server/runtime/scheduler.js +534 -534
  129. package/server/runtime/session-engine.js +293 -293
  130. package/server/runtime/state-manager.js +188 -188
  131. package/server/security/cross-site-redactor.js +196 -0
  132. package/server/security/dry-run.js +180 -0
  133. package/server/security/human-gate-rate-limit.js +147 -0
  134. package/server/security/human-gate-transports.js +178 -0
  135. package/server/security/human-gate.js +281 -0
  136. package/server/security/index.js +368 -368
  137. package/server/security/intent-engine.js +245 -0
  138. package/server/security/reward-guard.js +171 -0
  139. package/server/security/rollback-store.js +239 -0
  140. package/server/security/token-scope.js +404 -0
  141. package/server/security/url-policy.js +139 -0
  142. package/server/services/agent-chat.js +506 -506
  143. package/server/services/agent-learning.js +601 -575
  144. package/server/services/agent-memory.js +625 -625
  145. package/server/services/agent-mesh.js +555 -539
  146. package/server/services/agent-symphony.js +717 -717
  147. package/server/services/agent-tasks.js +1807 -1807
  148. package/server/services/api-key-engine.js +292 -261
  149. package/server/services/cluster.js +894 -894
  150. package/server/services/commander.js +738 -738
  151. package/server/services/edge-compute.js +440 -440
  152. package/server/services/email.js +204 -204
  153. package/server/services/hosted-runtime.js +205 -205
  154. package/server/services/lfd.js +635 -635
  155. package/server/services/local-ai.js +389 -389
  156. package/server/services/marketplace.js +270 -270
  157. package/server/services/metering.js +182 -182
  158. package/server/services/modules/affiliate-intelligence.js +93 -93
  159. package/server/services/modules/agent-firewall.js +90 -90
  160. package/server/services/modules/bounty.js +89 -89
  161. package/server/services/modules/collective-bargaining.js +92 -92
  162. package/server/services/modules/dark-pattern.js +66 -66
  163. package/server/services/modules/gov-intelligence.js +45 -45
  164. package/server/services/modules/neural.js +55 -55
  165. package/server/services/modules/notary.js +49 -49
  166. package/server/services/modules/price-time-machine.js +86 -86
  167. package/server/services/modules/protocol.js +104 -104
  168. package/server/services/negotiation.js +439 -439
  169. package/server/services/plugins.js +771 -771
  170. package/server/services/price-intelligence.js +566 -566
  171. package/server/services/price-shield.js +1137 -1137
  172. package/server/services/reputation.js +465 -465
  173. package/server/services/search-engine.js +357 -357
  174. package/server/services/security.js +513 -513
  175. package/server/services/self-healing.js +843 -843
  176. package/server/services/sovereign-shield.js +542 -0
  177. package/server/services/stripe.js +192 -192
  178. package/server/services/swarm.js +788 -788
  179. package/server/services/universal-scraper.js +662 -661
  180. package/server/services/verification.js +481 -481
  181. package/server/services/vision.js +1163 -1163
  182. package/server/utils/cache.js +125 -125
  183. package/server/utils/migrate.js +81 -81
  184. package/server/utils/safe-fetch.js +228 -0
  185. package/server/utils/secureFields.js +50 -50
  186. package/server/ws.js +161 -161
  187. package/templates/artisan-marketplace.yaml +104 -104
  188. package/templates/book-price-scout.yaml +98 -98
  189. package/templates/electronics-price-tracker.yaml +108 -108
  190. package/templates/flight-deal-hunter.yaml +113 -113
  191. package/templates/freelancer-direct.yaml +116 -116
  192. package/templates/grocery-price-compare.yaml +93 -93
  193. package/templates/hotel-direct-booking.yaml +113 -113
  194. package/templates/local-services.yaml +98 -98
  195. package/templates/olive-oil-tunisia.yaml +88 -88
  196. package/templates/organic-farm-fresh.yaml +101 -101
  197. package/templates/restaurant-direct.yaml +97 -97
  198. package/public/score.html +0 -263
  199. package/server/migrations/006_growth_suite.sql +0 -138
  200. package/server/routes/growth.js +0 -962
  201. package/server/services/fairness-engine.js +0 -409
  202. package/server/services/fairness.js +0 -420
package/public/premium.html CHANGED
@@ -1,793 +1,793 @@
1
- <!DOCTYPE html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Premium Services — Web Agent Bridge</title>
7
- <meta name="description" content="Advanced premium services for Web Agent Bridge: AI traffic intelligence, exploit protection, custom agents, CRM integrations, and more.">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
11
- <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
12
- <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"></noscript>
13
- <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
14
- <link rel="stylesheet" href="/css/premium.css">
15
- </head>
16
- <body>
17
-
18
- <!-- ═══════════ NAVBAR ═══════════ -->
19
- <nav class="navbar" id="navbar">
20
- <div class="container">
21
- <a href="/" class="navbar-brand">
22
- <div class="brand-icon">⚡</div>
23
- <span>WAB</span>
24
- </a>
25
- <ul class="navbar-links">
26
- <li><a href="/#features">Features</a></li>
27
- <li><a href="/premium" class="active-link">Premium</a></li>
28
- <li><a href="/#pricing">Pricing</a></li>
29
- <li><a href="/docs">Docs</a></li>
30
- </ul>
31
- <div class="navbar-actions">
32
- <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
33
- <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
34
- <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
35
- </div>
36
- <button class="mobile-menu-btn" onclick="document.querySelector('.navbar-links').classList.toggle('active')">☰</button>
37
- </div>
38
- </nav>
39
-
40
- <!-- ═══════════ HERO ═══════════ -->
41
- <section class="premium-hero">
42
- <div class="container">
43
- <div class="premium-hero-content fade-in">
44
- <div class="hero-badge" style="border-color:rgba(139,92,246,0.3);background:rgba(139,92,246,0.1);color:var(--accent-purple);">
45
- ✦ Premium Services
46
- </div>
47
- <h1>
48
- Unlock the Full Power of<br>
49
- <span class="gradient-text-accent">Intelligent Automation</span>
50
- </h1>
51
- <p>
52
- Enterprise-grade add-ons that extend Web Agent Bridge with advanced analytics,
53
- security, custom agents, CRM integrations, and more.
54
- </p>
55
- <div class="hero-actions">
56
- <a href="#services" class="btn btn-primary btn-lg">Explore Services</a>
57
- <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Contact Sales</a>
58
- </div>
59
- </div>
60
- </div>
61
- </section>
62
-
63
- <!-- ═══════════ TIERS OVERVIEW ═══════════ -->
64
- <section class="section" style="background:var(--bg-secondary);">
65
- <div class="container">
66
- <div class="section-header">
67
- <span class="label">Plans</span>
68
- <h2>Choose Your Level</h2>
69
- <p>Premium services are available as add-ons or bundled into higher-tier plans.</p>
70
- </div>
71
- <div class="tier-pills">
72
- <div class="tier-pill">
73
- <span class="tier-pill-icon" style="background:rgba(100,116,139,0.15);color:var(--text-muted);">◆</span>
74
- <div>
75
- <strong>Free</strong>
76
- <span>Open-source core</span>
77
- </div>
78
- </div>
79
- <div class="tier-pill">
80
- <span class="tier-pill-icon" style="background:rgba(59,130,246,0.15);color:var(--accent-blue);">◆</span>
81
- <div>
82
- <strong>Starter — $9/mo</strong>
83
- <span>Analytics + basic protection</span>
84
- </div>
85
- </div>
86
- <div class="tier-pill active">
87
- <span class="tier-pill-icon" style="background:rgba(139,92,246,0.15);color:var(--accent-purple);">◆</span>
88
- <div>
89
- <strong>Pro — $29/mo</strong>
90
- <span>Full features + integrations</span>
91
- </div>
92
- </div>
93
- <div class="tier-pill">
94
- <span class="tier-pill-icon" style="background:rgba(245,158,11,0.15);color:var(--accent-orange);">◆</span>
95
- <div>
96
- <strong>Enterprise — Custom</strong>
97
- <span>Unlimited + dedicated support</span>
98
- </div>
99
- </div>
100
- </div>
101
- </div>
102
- </section>
103
-
104
- <!-- ═══════════ ALL 12 SERVICES ═══════════ -->
105
- <section class="section" id="services">
106
- <div class="container">
107
- <div class="section-header">
108
- <span class="label">Premium Services</span>
109
- <h2>12 Powerful Add-Ons</h2>
110
- <p>Each service can be added individually or comes bundled with higher plans.</p>
111
- </div>
112
-
113
- <!-- 1. Agent Traffic Intelligence -->
114
- <div class="service-row fade-in">
115
- <div class="service-number">01</div>
116
- <div class="service-body">
117
- <div class="service-head">
118
- <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#06b6d4);">📊</div>
119
- <div>
120
- <h3>Agent Traffic Intelligence</h3>
121
- <div class="service-tiers">
122
- <span class="badge badge-starter">Starter</span>
123
- <span class="badge badge-pro">Pro</span>
124
- <span class="badge badge-enterprise">Enterprise</span>
125
- </div>
126
- </div>
127
- </div>
128
- <p>Deep analytics dashboard that reveals who your AI visitors really are.</p>
129
- <div class="service-features">
130
- <div class="sf-item">
131
- <span class="sf-icon">🔍</span>
132
- <div>
133
- <strong>Agent Source Identification</strong>
134
- <span>See agent type, platform, country of origin, and request patterns in real time.</span>
135
- </div>
136
- </div>
137
- <div class="sf-item">
138
- <span class="sf-icon">🏷️</span>
139
- <div>
140
- <strong>Behavioral Classification</strong>
141
- <span>Agents automatically classified as friendly, aggressive, or potentially dangerous based on interaction patterns.</span>
142
- </div>
143
- </div>
144
- <div class="sf-item">
145
- <span class="sf-icon">🔔</span>
146
- <div>
147
- <strong>Anomaly Alerts</strong>
148
- <span>Instant notifications when unusual activity spikes (e.g. 1,000+ requests/minute from a single agent).</span>
149
- </div>
150
- </div>
151
- </div>
152
- </div>
153
- </div>
154
-
155
- <!-- 2. Advanced Exploit Shield -->
156
- <div class="service-row fade-in">
157
- <div class="service-number">02</div>
158
- <div class="service-body">
159
- <div class="service-head">
160
- <div class="service-icon" style="background:linear-gradient(135deg,#ef4444,#f59e0b);">🛡️</div>
161
- <div>
162
- <h3>Advanced Exploit Shield</h3>
163
- <div class="service-tiers">
164
- <span class="badge badge-pro">Pro</span>
165
- <span class="badge badge-enterprise">Enterprise</span>
166
- </div>
167
- </div>
168
- </div>
169
- <p>Intelligent protection that goes far beyond IP blocking.</p>
170
- <div class="service-features">
171
- <div class="sf-item">
172
- <span class="sf-icon">🚨</span>
173
- <div>
174
- <strong>Unauthorized Command Detection</strong>
175
- <span>Automatic detection of privilege escalation attempts and unauthorized command execution.</span>
176
- </div>
177
- </div>
178
- <div class="sf-item">
179
- <span class="sf-icon">🧬</span>
180
- <div>
181
- <strong>Behavioral Fingerprint Blocking</strong>
182
- <span>Block malicious agents by behavioral signature, not just IP — evading VPN-based circumvention.</span>
183
- </div>
184
- </div>
185
- <div class="sf-item">
186
- <span class="sf-icon">📧</span>
187
- <div>
188
- <strong>Periodic Security Reports</strong>
189
- <span>Weekly/monthly security digests delivered to your inbox with threat summaries and recommendations.</span>
190
- </div>
191
- </div>
192
- </div>
193
- </div>
194
- </div>
195
-
196
- <!-- 3. Smart Actions Library -->
197
- <div class="service-row fade-in">
198
- <div class="service-number">03</div>
199
- <div class="service-body">
200
- <div class="service-head">
201
- <div class="service-icon" style="background:linear-gradient(135deg,#10b981,#3b82f6);">📦</div>
202
- <div>
203
- <h3>Pre-built Smart Actions Library</h3>
204
- <div class="service-tiers">
205
- <span class="badge badge-starter">Starter</span>
206
- <span class="badge badge-pro">Pro</span>
207
- <span class="badge badge-enterprise">Enterprise</span>
208
- </div>
209
- </div>
210
- </div>
211
- <p>Ready-made action packs for the platforms your business already uses.</p>
212
- <div class="service-features">
213
- <div class="sf-item">
214
- <span class="sf-icon">🛒</span>
215
- <div>
216
- <strong>Platform Action Packs</strong>
217
- <span>Pre-built actions for WooCommerce, Shopify, WordPress, Salesforce — install in one click.</span>
218
- </div>
219
- </div>
220
- <div class="sf-item">
221
- <span class="sf-icon">🔄</span>
222
- <div>
223
- <strong>Auto-Update When Platforms Change</strong>
224
- <span>Actions automatically update when the target platform's UI or API changes.</span>
225
- </div>
226
- </div>
227
- <div class="sf-item">
228
- <span class="sf-icon">⚙️</span>
229
- <div>
230
- <strong>Complex Workflows</strong>
231
- <span>Multi-step actions like "complete a full purchase" or "create account with verification" — ready to go.</span>
232
- </div>
233
- </div>
234
- </div>
235
- </div>
236
- </div>
237
-
238
- <!-- 4. Custom AI Agents as a Service -->
239
- <div class="service-row fade-in">
240
- <div class="service-number">04</div>
241
- <div class="service-body">
242
- <div class="service-head">
243
- <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#ec4899);">🤖</div>
244
- <div>
245
- <h3>Custom AI Agents as a Service</h3>
246
- <div class="service-tiers">
247
- <span class="badge badge-pro">Pro</span>
248
- <span class="badge badge-enterprise">Enterprise</span>
249
- </div>
250
- </div>
251
- </div>
252
- <p>Build, schedule, and deploy agents without writing a single line of code.</p>
253
- <div class="service-features">
254
- <div class="sf-item">
255
- <span class="sf-icon">🎨</span>
256
- <div>
257
- <strong>Visual Agent Builder</strong>
258
- <span>Drag-and-drop interface to create custom agents — no programming required.</span>
259
- </div>
260
- </div>
261
- <div class="sf-item">
262
- <span class="sf-icon">⏰</span>
263
- <div>
264
- <strong>Task Scheduling</strong>
265
- <span>"Fetch the sales report every day at 8 AM" — set it and forget it.</span>
266
- </div>
267
- </div>
268
- <div class="sf-item">
269
- <span class="sf-icon">☁️</span>
270
- <div>
271
- <strong>Cloud-Based Execution</strong>
272
- <span>Agents run in the cloud — no local infrastructure required. Scale to thousands of concurrent tasks.</span>
273
- </div>
274
- </div>
275
- </div>
276
- </div>
277
- </div>
278
-
279
- <!-- 5. CRM & Cloud Integrations -->
280
- <div class="service-row fade-in">
281
- <div class="service-number">05</div>
282
- <div class="service-body">
283
- <div class="service-head">
284
- <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#8b5cf6);">🔗</div>
285
- <div>
286
- <h3>CRM &amp; Cloud Integrations</h3>
287
- <div class="service-tiers">
288
- <span class="badge badge-pro">Pro</span>
289
- <span class="badge badge-enterprise">Enterprise</span>
290
- </div>
291
- </div>
292
- </div>
293
- <p>Connect agent activity directly into the tools your team already uses.</p>
294
- <div class="service-features">
295
- <div class="sf-item">
296
- <span class="sf-icon">📇</span>
297
- <div>
298
- <strong>CRM Direct Link</strong>
299
- <span>Salesforce, HubSpot, Zoho — agent actions automatically logged as CRM events.</span>
300
- </div>
301
- </div>
302
- <div class="sf-item">
303
- <span class="sf-icon">📤</span>
304
- <div>
305
- <strong>Data Warehouse Export</strong>
306
- <span>Stream analytics to BigQuery, Snowflake, or Datadog for advanced reporting.</span>
307
- </div>
308
- </div>
309
- <div class="sf-item">
310
- <span class="sf-icon">🪝</span>
311
- <div>
312
- <strong>Custom Webhooks</strong>
313
- <span>Route events to any internal system via configurable webhook endpoints.</span>
314
- </div>
315
- </div>
316
- </div>
317
- </div>
318
- </div>
319
-
320
- <!-- 6. Multi-tenant Permission Management -->
321
- <div class="service-row fade-in">
322
- <div class="service-number">06</div>
323
- <div class="service-body">
324
- <div class="service-head">
325
- <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#ef4444);">👥</div>
326
- <div>
327
- <h3>Multi-Tenant Permission Management</h3>
328
- <div class="service-tiers">
329
- <span class="badge badge-enterprise">Enterprise</span>
330
- </div>
331
- </div>
332
- </div>
333
- <p>Enterprise-grade team management for organizations running multiple sites.</p>
334
- <div class="service-features">
335
- <div class="sf-item">
336
- <span class="sf-icon">🔑</span>
337
- <div>
338
- <strong>Sub-Users &amp; Roles</strong>
339
- <span>Add team members with viewer, editor, or admin roles — per site or globally.</span>
340
- </div>
341
- </div>
342
- <div class="sf-item">
343
- <span class="sf-icon">📊</span>
344
- <div>
345
- <strong>Per-User Reports &amp; Quotas</strong>
346
- <span>Track usage per team member; set usage quotas to control costs.</span>
347
- </div>
348
- </div>
349
- <div class="sf-item">
350
- <span class="sf-icon">🏢</span>
351
- <div>
352
- <strong>Central Control Panel</strong>
353
- <span>One dashboard to rule all sites — perfect for agencies and enterprise IT.</span>
354
- </div>
355
- </div>
356
- </div>
357
- </div>
358
- </div>
359
-
360
- <!-- 7. AI-Powered Priority Support -->
361
- <div class="service-row fade-in">
362
- <div class="service-number">07</div>
363
- <div class="service-body">
364
- <div class="service-head">
365
- <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#10b981);">💬</div>
366
- <div>
367
- <h3>AI-Powered Priority Support</h3>
368
- <div class="service-tiers">
369
- <span class="badge badge-starter">Starter</span>
370
- <span class="badge badge-pro">Pro</span>
371
- <span class="badge badge-enterprise">Enterprise</span>
372
- </div>
373
- </div>
374
- </div>
375
- <p>Get help fast — from AI-assisted troubleshooting to live video sessions.</p>
376
- <div class="service-features">
377
- <div class="sf-item">
378
- <span class="sf-icon">🤖</span>
379
- <div>
380
- <strong>Smart Support Bot</strong>
381
- <span>AI chatbot trained on WAB docs — resolves common issues instantly, 24/7.</span>
382
- </div>
383
- </div>
384
- <div class="sf-item">
385
- <span class="sf-icon">📹</span>
386
- <div>
387
- <strong>Live Video Support</strong>
388
- <span>Screen-share sessions with our engineers for complex integration issues.</span>
389
- </div>
390
- </div>
391
- <div class="sf-item">
392
- <span class="sf-icon">⏱️</span>
393
- <div>
394
- <strong>SLA Guarantee</strong>
395
- <span>Enterprise: 15-minute response time. Pro: 1-hour response. Starter: same-day.</span>
396
- </div>
397
- </div>
398
- </div>
399
- </div>
400
- </div>
401
-
402
- <!-- 8. Custom Bridge Script -->
403
- <div class="service-row fade-in">
404
- <div class="service-number">08</div>
405
- <div class="service-body">
406
- <div class="service-head">
407
- <div class="service-icon" style="background:linear-gradient(135deg,#ec4899,#8b5cf6);">📝</div>
408
- <div>
409
- <h3>Custom Bridge Script</h3>
410
- <div class="service-tiers">
411
- <span class="badge badge-pro">Pro</span>
412
- <span class="badge badge-enterprise">Enterprise</span>
413
- </div>
414
- </div>
415
- </div>
416
- <p>A tailored version of the bridge script built for your exact requirements.</p>
417
- <div class="service-features">
418
- <div class="sf-item">
419
- <span class="sf-icon">🧩</span>
420
- <div>
421
- <strong>Plugin-Based Custom Actions</strong>
422
- <span>Add custom actions without modifying the core script — clean, maintainable, upgradeable.</span>
423
- </div>
424
- </div>
425
- <div class="sf-item">
426
- <span class="sf-icon">🚀</span>
427
- <div>
428
- <strong>Performance Optimization</strong>
429
- <span>Minified builds, tree-shaking, AMP support — optimized for your exact use case.</span>
430
- </div>
431
- </div>
432
- <div class="sf-item">
433
- <span class="sf-icon">🔒</span>
434
- <div>
435
- <strong>Instant Security Patches</strong>
436
- <span>Zero-day patches applied automatically — your script is always up to date.</span>
437
- </div>
438
- </div>
439
- </div>
440
- </div>
441
- </div>
442
-
443
- <!-- 9. Stealth Mode Pro -->
444
- <div class="service-row fade-in">
445
- <div class="service-number">09</div>
446
- <div class="service-body">
447
- <div class="service-head">
448
- <div class="service-icon" style="background:linear-gradient(135deg,#1e293b,#475569);">🥷</div>
449
- <div>
450
- <h3>Stealth Mode Pro</h3>
451
- <div class="service-tiers">
452
- <span class="badge badge-pro">Pro</span>
453
- <span class="badge badge-enterprise">Enterprise</span>
454
- </div>
455
- </div>
456
- </div>
457
- <p>Advanced human-like interaction patterns for sites with aggressive bot detection.</p>
458
- <div class="service-features">
459
- <div class="sf-item">
460
- <span class="sf-icon">🖱️</span>
461
- <div>
462
- <strong>Customizable Behavior Profiles</strong>
463
- <span>Tune typing speed, mouse movement curves, scroll patterns — down to millisecond precision.</span>
464
- </div>
465
- </div>
466
- <div class="sf-item">
467
- <span class="sf-icon">🌐</span>
468
- <div>
469
- <strong>Anti-Detection Bypass</strong>
470
- <span>Tested against Cloudflare, PerimeterX, Akamai, and DataDome protection layers.</span>
471
- </div>
472
- </div>
473
- <div class="sf-item">
474
- <span class="sf-icon">🔄</span>
475
- <div>
476
- <strong>Continuous Updates</strong>
477
- <span>Behavioral profiles updated monthly to match the latest real-browser fingerprints.</span>
478
- </div>
479
- </div>
480
- </div>
481
- </div>
482
- </div>
483
-
484
- <!-- 10. Private CDN -->
485
- <div class="service-row fade-in">
486
- <div class="service-number">10</div>
487
- <div class="service-body">
488
- <div class="service-head">
489
- <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#10b981);">🌍</div>
490
- <div>
491
- <h3>Private CDN for Bridge Script</h3>
492
- <div class="service-tiers">
493
- <span class="badge badge-pro">Pro</span>
494
- <span class="badge badge-enterprise">Enterprise</span>
495
- </div>
496
- </div>
497
- </div>
498
- <p>Your own globally distributed script delivery network.</p>
499
- <div class="service-features">
500
- <div class="sf-item">
501
- <span class="sf-icon">⚡</span>
502
- <div>
503
- <strong>Global Edge Network</strong>
504
- <span>Script served from 200+ PoPs worldwide — sub-50ms load times everywhere.</span>
505
- </div>
506
- </div>
507
- <div class="sf-item">
508
- <span class="sf-icon">🔗</span>
509
- <div>
510
- <strong>Custom Domain</strong>
511
- <span>Serve from <code>bridge.yoursite.com</code> — builds trust and improves brand consistency.</span>
512
- </div>
513
- </div>
514
- <div class="sf-item">
515
- <span class="sf-icon">📈</span>
516
- <div>
517
- <strong>Geo Performance Stats</strong>
518
- <span>See load times, cache hit ratios, and bandwidth per region in real time.</span>
519
- </div>
520
- </div>
521
- </div>
522
- </div>
523
- </div>
524
-
525
- <!-- 11. Extended Audit Logs & Compliance -->
526
- <div class="service-row fade-in">
527
- <div class="service-number">11</div>
528
- <div class="service-body">
529
- <div class="service-head">
530
- <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#10b981);">📋</div>
531
- <div>
532
- <h3>Extended Audit Logs &amp; Compliance</h3>
533
- <div class="service-tiers">
534
- <span class="badge badge-enterprise">Enterprise</span>
535
- </div>
536
- </div>
537
- </div>
538
- <p>Meet the strictest regulatory requirements with immutable, long-term audit trails.</p>
539
- <div class="service-features">
540
- <div class="sf-item">
541
- <span class="sf-icon">🗄️</span>
542
- <div>
543
- <strong>7-Year Retention</strong>
544
- <span>Interaction logs stored up to 7 years — essential for finance, healthcare, and government.</span>
545
- </div>
546
- </div>
547
- <div class="sf-item">
548
- <span class="sf-icon">✅</span>
549
- <div>
550
- <strong>HIPAA / GDPR / SOC2 Ready</strong>
551
- <span>Pre-configured compliance settings with one-click activation per standard.</span>
552
- </div>
553
- </div>
554
- <div class="sf-item">
555
- <span class="sf-icon">📄</span>
556
- <div>
557
- <strong>Legal Export Formats</strong>
558
- <span>Signed PDFs, timestamped CSVs, and chain-of-custody reports for auditors.</span>
559
- </div>
560
- </div>
561
- </div>
562
- </div>
563
- </div>
564
-
565
- <!-- 12. Virtual Sandbox -->
566
- <div class="service-row fade-in">
567
- <div class="service-number">12</div>
568
- <div class="service-body">
569
- <div class="service-head">
570
- <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#3b82f6);">🧪</div>
571
- <div>
572
- <h3>Virtual Sandbox Environment</h3>
573
- <div class="service-tiers">
574
- <span class="badge badge-enterprise">Enterprise</span>
575
- </div>
576
- </div>
577
- </div>
578
- <p>Test everything safely before going live.</p>
579
- <div class="service-features">
580
- <div class="sf-item">
581
- <span class="sf-icon">🏗️</span>
582
- <div>
583
- <strong>Full Test Environment</strong>
584
- <span>Mirror your production setup in an isolated sandbox — test permissions, configs, and limits risk-free.</span>
585
- </div>
586
- </div>
587
- <div class="sf-item">
588
- <span class="sf-icon">🤖</span>
589
- <div>
590
- <strong>Simulated Agent Traffic</strong>
591
- <span>Generate synthetic agent traffic to stress-test rate limits and performance thresholds.</span>
592
- </div>
593
- </div>
594
- <div class="sf-item">
595
- <span class="sf-icon">📊</span>
596
- <div>
597
- <strong>Before/After Benchmarks</strong>
598
- <span>Compare performance metrics before and after enabling premium features.</span>
599
- </div>
600
- </div>
601
- </div>
602
- </div>
603
- </div>
604
-
605
- </div>
606
- </section>
607
-
608
- <!-- ═══════════ COMPARISON TABLE ═══════════ -->
609
- <section class="section" style="background:var(--bg-secondary);">
610
- <div class="container">
611
- <div class="section-header">
612
- <span class="label">Compare</span>
613
- <h2>Feature Availability by Plan</h2>
614
- </div>
615
- <div class="table-wrapper" style="overflow-x:auto;">
616
- <table class="compare-table">
617
- <thead>
618
- <tr>
619
- <th>Service</th>
620
- <th class="tc">Free</th>
621
- <th class="tc">Starter</th>
622
- <th class="tc highlight-col">Pro</th>
623
- <th class="tc">Enterprise</th>
624
- </tr>
625
- </thead>
626
- <tbody>
627
- <tr>
628
- <td>Open-Source Core</td>
629
- <td class="tc"><span class="check">✓</span></td>
630
- <td class="tc"><span class="check">✓</span></td>
631
- <td class="tc highlight-col"><span class="check">✓</span></td>
632
- <td class="tc"><span class="check">✓</span></td>
633
- </tr>
634
- <tr>
635
- <td>Agent Traffic Intelligence</td>
636
- <td class="tc"><span class="cross">—</span></td>
637
- <td class="tc"><span class="check">✓</span></td>
638
- <td class="tc highlight-col"><span class="check">✓</span></td>
639
- <td class="tc"><span class="check">✓</span></td>
640
- </tr>
641
- <tr>
642
- <td>Advanced Exploit Shield</td>
643
- <td class="tc"><span class="cross">—</span></td>
644
- <td class="tc"><span class="cross">—</span></td>
645
- <td class="tc highlight-col"><span class="check">✓</span></td>
646
- <td class="tc"><span class="check">✓</span></td>
647
- </tr>
648
- <tr>
649
- <td>Smart Actions Library</td>
650
- <td class="tc"><span class="cross">—</span></td>
651
- <td class="tc">Basic</td>
652
- <td class="tc highlight-col"><span class="check">Full</span></td>
653
- <td class="tc"><span class="check">Full</span></td>
654
- </tr>
655
- <tr>
656
- <td>Custom AI Agents</td>
657
- <td class="tc"><span class="cross">—</span></td>
658
- <td class="tc"><span class="cross">—</span></td>
659
- <td class="tc highlight-col">3 agents</td>
660
- <td class="tc">Unlimited</td>
661
- </tr>
662
- <tr>
663
- <td>CRM &amp; Cloud Integrations</td>
664
- <td class="tc"><span class="cross">—</span></td>
665
- <td class="tc"><span class="cross">—</span></td>
666
- <td class="tc highlight-col"><span class="check">✓</span></td>
667
- <td class="tc"><span class="check">✓</span></td>
668
- </tr>
669
- <tr>
670
- <td>Multi-Tenant Management</td>
671
- <td class="tc"><span class="cross">—</span></td>
672
- <td class="tc"><span class="cross">—</span></td>
673
- <td class="tc highlight-col"><span class="cross">—</span></td>
674
- <td class="tc"><span class="check">✓</span></td>
675
- </tr>
676
- <tr>
677
- <td>Priority Support</td>
678
- <td class="tc">Community</td>
679
- <td class="tc">Same-day</td>
680
- <td class="tc highlight-col">1 hour</td>
681
- <td class="tc">15 min SLA</td>
682
- </tr>
683
- <tr>
684
- <td>Custom Bridge Script</td>
685
- <td class="tc"><span class="cross">—</span></td>
686
- <td class="tc"><span class="cross">—</span></td>
687
- <td class="tc highlight-col"><span class="check">✓</span></td>
688
- <td class="tc"><span class="check">✓</span></td>
689
- </tr>
690
- <tr>
691
- <td>Stealth Mode Pro</td>
692
- <td class="tc"><span class="cross">—</span></td>
693
- <td class="tc"><span class="cross">—</span></td>
694
- <td class="tc highlight-col"><span class="check">✓</span></td>
695
- <td class="tc"><span class="check">✓</span></td>
696
- </tr>
697
- <tr>
698
- <td>Private CDN</td>
699
- <td class="tc"><span class="cross">—</span></td>
700
- <td class="tc"><span class="cross">—</span></td>
701
- <td class="tc highlight-col"><span class="check">✓</span></td>
702
- <td class="tc"><span class="check">✓</span></td>
703
- </tr>
704
- <tr>
705
- <td>Extended Audit &amp; Compliance</td>
706
- <td class="tc"><span class="cross">—</span></td>
707
- <td class="tc"><span class="cross">—</span></td>
708
- <td class="tc highlight-col"><span class="cross">—</span></td>
709
- <td class="tc"><span class="check">✓</span></td>
710
- </tr>
711
- <tr>
712
- <td>Virtual Sandbox</td>
713
- <td class="tc"><span class="cross">—</span></td>
714
- <td class="tc"><span class="cross">—</span></td>
715
- <td class="tc highlight-col"><span class="cross">—</span></td>
716
- <td class="tc"><span class="check">✓</span></td>
717
- </tr>
718
- </tbody>
719
- </table>
720
- </div>
721
- </div>
722
- </section>
723
-
724
- <!-- ═══════════ CTA ═══════════ -->
725
- <section class="section" style="text-align:center;">
726
- <div class="container">
727
- <div class="premium-cta fade-in">
728
- <h2>Ready to Supercharge Your<br><span class="gradient-text-accent">AI Agent Infrastructure</span>?</h2>
729
- <p>Start with the free open-source core, then add premium services as you grow.</p>
730
- <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;">
731
- <a href="/register" class="btn btn-primary btn-lg">Start Free</a>
732
- <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Talk to Sales</a>
733
- </div>
734
- </div>
735
- </div>
736
- </section>
737
-
738
- <!-- ═══════════ FOOTER ═══════════ -->
739
- <footer class="footer">
740
- <div class="container">
741
- <div class="footer-grid">
742
- <div class="footer-brand">
743
- <a href="/" class="navbar-brand">
744
- <div class="brand-icon">⚡</div>
745
- <span>Web Agent Bridge</span>
746
- </a>
747
- <p>Open protocol + runtime for AI agent ↔ website interaction. Built for the Agentic Web.</p>
748
- </div>
749
- <div class="footer-col">
750
- <h4>Product</h4>
751
- <ul>
752
- <li><a href="/#features">Features</a></li>
753
- <li><a href="/premium">Premium</a></li>
754
- <li><a href="/#pricing">Pricing</a></li>
755
- <li><a href="/docs">Documentation</a></li>
756
- </ul>
757
- </div>
758
- <div class="footer-col">
759
- <h4>Developers</h4>
760
- <ul>
761
- <li><a href="/docs#quick-start">Quick Start</a></li>
762
- <li><a href="/docs#api-reference">API Reference</a></li>
763
- <li><a href="/docs#examples">Examples</a></li>
764
- <li><a href="https://github.com/abokenan444/web-agent-bridge">GitHub</a></li>
765
- </ul>
766
- </div>
767
- <div class="footer-col">
768
- <h4>Legal</h4>
769
- <ul>
770
- <li><a href="/privacy">Privacy Policy</a></li>
771
- <li><a href="/terms">Terms of Service</a></li>
772
- <li><a href="/cookies">Cookie Policy</a></li>
773
- </ul>
774
- </div>
775
- </div>
776
- <div class="footer-bottom">
777
- <span>&copy; 2026 Web Agent Bridge. MIT License (core). Operated from the Netherlands.</span>
778
- </div>
779
- </div>
780
- </footer>
781
-
782
- <script src="/js/auth-nav.js?v=3.0.1"></script>
783
- <script>
784
- const navbar = document.getElementById('navbar');
785
- window.addEventListener('scroll', () => {
786
- navbar.style.background = window.scrollY > 50
787
- ? 'rgba(10, 14, 26, 0.95)'
788
- : 'rgba(10, 14, 26, 0.8)';
789
- });
790
- </script>
791
- <script src="/js/cookie-consent.js?v=3.0.1"></script>
792
- </body>
793
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Premium Services — Web Agent Bridge</title>
7
+ <meta name="description" content="Advanced premium services for Web Agent Bridge: AI traffic intelligence, exploit protection, custom agents, CRM integrations, and more.">
8
+ <link rel="preconnect" href="https://fonts.googleapis.com">
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <style>body{background:#0a0e1a;color:#f0f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;min-height:100vh}</style>
11
+ <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
12
+ <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"></noscript>
13
+ <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
14
+ <link rel="stylesheet" href="/css/premium.css">
15
+ </head>
16
+ <body>
17
+
18
+ <!-- ═══════════ NAVBAR ═══════════ -->
19
+ <nav class="navbar" id="navbar">
20
+ <div class="container">
21
+ <a href="/" class="navbar-brand">
22
+ <div class="brand-icon">⚡</div>
23
+ <span>WAB</span>
24
+ </a>
25
+ <ul class="navbar-links">
26
+ <li><a href="/#features">Features</a></li>
27
+ <li><a href="/premium" class="active-link">Premium</a></li>
28
+ <li><a href="/#pricing">Pricing</a></li>
29
+ <li><a href="/docs">Docs</a></li>
30
+ </ul>
31
+ <div class="navbar-actions">
32
+ <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
33
+ <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
34
+ <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
35
+ </div>
36
+ <button class="mobile-menu-btn" onclick="document.querySelector('.navbar-links').classList.toggle('active')">☰</button>
37
+ </div>
38
+ </nav>
39
+
40
+ <!-- ═══════════ HERO ═══════════ -->
41
+ <section class="premium-hero">
42
+ <div class="container">
43
+ <div class="premium-hero-content fade-in">
44
+ <div class="hero-badge" style="border-color:rgba(139,92,246,0.3);background:rgba(139,92,246,0.1);color:var(--accent-purple);">
45
+ ✦ Premium Services
46
+ </div>
47
+ <h1>
48
+ Unlock the Full Power of<br>
49
+ <span class="gradient-text-accent">Intelligent Automation</span>
50
+ </h1>
51
+ <p>
52
+ Enterprise-grade add-ons that extend Web Agent Bridge with advanced analytics,
53
+ security, custom agents, CRM integrations, and more.
54
+ </p>
55
+ <div class="hero-actions">
56
+ <a href="#services" class="btn btn-primary btn-lg">Explore Services</a>
57
+ <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Contact Sales</a>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </section>
62
+
63
+ <!-- ═══════════ TIERS OVERVIEW ═══════════ -->
64
+ <section class="section" style="background:var(--bg-secondary);">
65
+ <div class="container">
66
+ <div class="section-header">
67
+ <span class="label">Plans</span>
68
+ <h2>Choose Your Level</h2>
69
+ <p>Premium services are available as add-ons or bundled into higher-tier plans.</p>
70
+ </div>
71
+ <div class="tier-pills">
72
+ <div class="tier-pill">
73
+ <span class="tier-pill-icon" style="background:rgba(100,116,139,0.15);color:var(--text-muted);">◆</span>
74
+ <div>
75
+ <strong>Free</strong>
76
+ <span>Open-source core</span>
77
+ </div>
78
+ </div>
79
+ <div class="tier-pill">
80
+ <span class="tier-pill-icon" style="background:rgba(59,130,246,0.15);color:var(--accent-blue);">◆</span>
81
+ <div>
82
+ <strong>Starter — $9/mo</strong>
83
+ <span>Analytics + basic protection</span>
84
+ </div>
85
+ </div>
86
+ <div class="tier-pill active">
87
+ <span class="tier-pill-icon" style="background:rgba(139,92,246,0.15);color:var(--accent-purple);">◆</span>
88
+ <div>
89
+ <strong>Pro — $29/mo</strong>
90
+ <span>Full features + integrations</span>
91
+ </div>
92
+ </div>
93
+ <div class="tier-pill">
94
+ <span class="tier-pill-icon" style="background:rgba(245,158,11,0.15);color:var(--accent-orange);">◆</span>
95
+ <div>
96
+ <strong>Enterprise — Custom</strong>
97
+ <span>Unlimited + dedicated support</span>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </section>
103
+
104
+ <!-- ═══════════ ALL 12 SERVICES ═══════════ -->
105
+ <section class="section" id="services">
106
+ <div class="container">
107
+ <div class="section-header">
108
+ <span class="label">Premium Services</span>
109
+ <h2>12 Powerful Add-Ons</h2>
110
+ <p>Each service can be added individually or comes bundled with higher plans.</p>
111
+ </div>
112
+
113
+ <!-- 1. Agent Traffic Intelligence -->
114
+ <div class="service-row fade-in">
115
+ <div class="service-number">01</div>
116
+ <div class="service-body">
117
+ <div class="service-head">
118
+ <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#06b6d4);">📊</div>
119
+ <div>
120
+ <h3>Agent Traffic Intelligence</h3>
121
+ <div class="service-tiers">
122
+ <span class="badge badge-starter">Starter</span>
123
+ <span class="badge badge-pro">Pro</span>
124
+ <span class="badge badge-enterprise">Enterprise</span>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ <p>Deep analytics dashboard that reveals who your AI visitors really are.</p>
129
+ <div class="service-features">
130
+ <div class="sf-item">
131
+ <span class="sf-icon">🔍</span>
132
+ <div>
133
+ <strong>Agent Source Identification</strong>
134
+ <span>See agent type, platform, country of origin, and request patterns in real time.</span>
135
+ </div>
136
+ </div>
137
+ <div class="sf-item">
138
+ <span class="sf-icon">🏷️</span>
139
+ <div>
140
+ <strong>Behavioral Classification</strong>
141
+ <span>Agents automatically classified as friendly, aggressive, or potentially dangerous based on interaction patterns.</span>
142
+ </div>
143
+ </div>
144
+ <div class="sf-item">
145
+ <span class="sf-icon">🔔</span>
146
+ <div>
147
+ <strong>Anomaly Alerts</strong>
148
+ <span>Instant notifications when unusual activity spikes (e.g. 1,000+ requests/minute from a single agent).</span>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+
155
+ <!-- 2. Advanced Exploit Shield -->
156
+ <div class="service-row fade-in">
157
+ <div class="service-number">02</div>
158
+ <div class="service-body">
159
+ <div class="service-head">
160
+ <div class="service-icon" style="background:linear-gradient(135deg,#ef4444,#f59e0b);">🛡️</div>
161
+ <div>
162
+ <h3>Advanced Exploit Shield</h3>
163
+ <div class="service-tiers">
164
+ <span class="badge badge-pro">Pro</span>
165
+ <span class="badge badge-enterprise">Enterprise</span>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ <p>Intelligent protection that goes far beyond IP blocking.</p>
170
+ <div class="service-features">
171
+ <div class="sf-item">
172
+ <span class="sf-icon">🚨</span>
173
+ <div>
174
+ <strong>Unauthorized Command Detection</strong>
175
+ <span>Automatic detection of privilege escalation attempts and unauthorized command execution.</span>
176
+ </div>
177
+ </div>
178
+ <div class="sf-item">
179
+ <span class="sf-icon">🧬</span>
180
+ <div>
181
+ <strong>Behavioral Fingerprint Blocking</strong>
182
+ <span>Block malicious agents by behavioral signature, not just IP — evading VPN-based circumvention.</span>
183
+ </div>
184
+ </div>
185
+ <div class="sf-item">
186
+ <span class="sf-icon">📧</span>
187
+ <div>
188
+ <strong>Periodic Security Reports</strong>
189
+ <span>Weekly/monthly security digests delivered to your inbox with threat summaries and recommendations.</span>
190
+ </div>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <!-- 3. Smart Actions Library -->
197
+ <div class="service-row fade-in">
198
+ <div class="service-number">03</div>
199
+ <div class="service-body">
200
+ <div class="service-head">
201
+ <div class="service-icon" style="background:linear-gradient(135deg,#10b981,#3b82f6);">📦</div>
202
+ <div>
203
+ <h3>Pre-built Smart Actions Library</h3>
204
+ <div class="service-tiers">
205
+ <span class="badge badge-starter">Starter</span>
206
+ <span class="badge badge-pro">Pro</span>
207
+ <span class="badge badge-enterprise">Enterprise</span>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ <p>Ready-made action packs for the platforms your business already uses.</p>
212
+ <div class="service-features">
213
+ <div class="sf-item">
214
+ <span class="sf-icon">🛒</span>
215
+ <div>
216
+ <strong>Platform Action Packs</strong>
217
+ <span>Pre-built actions for WooCommerce, Shopify, WordPress, Salesforce — install in one click.</span>
218
+ </div>
219
+ </div>
220
+ <div class="sf-item">
221
+ <span class="sf-icon">🔄</span>
222
+ <div>
223
+ <strong>Auto-Update When Platforms Change</strong>
224
+ <span>Actions automatically update when the target platform's UI or API changes.</span>
225
+ </div>
226
+ </div>
227
+ <div class="sf-item">
228
+ <span class="sf-icon">⚙️</span>
229
+ <div>
230
+ <strong>Complex Workflows</strong>
231
+ <span>Multi-step actions like "complete a full purchase" or "create account with verification" — ready to go.</span>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+ </div>
237
+
238
+ <!-- 4. Custom AI Agents as a Service -->
239
+ <div class="service-row fade-in">
240
+ <div class="service-number">04</div>
241
+ <div class="service-body">
242
+ <div class="service-head">
243
+ <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#ec4899);">🤖</div>
244
+ <div>
245
+ <h3>Custom AI Agents as a Service</h3>
246
+ <div class="service-tiers">
247
+ <span class="badge badge-pro">Pro</span>
248
+ <span class="badge badge-enterprise">Enterprise</span>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ <p>Build, schedule, and deploy agents without writing a single line of code.</p>
253
+ <div class="service-features">
254
+ <div class="sf-item">
255
+ <span class="sf-icon">🎨</span>
256
+ <div>
257
+ <strong>Visual Agent Builder</strong>
258
+ <span>Drag-and-drop interface to create custom agents — no programming required.</span>
259
+ </div>
260
+ </div>
261
+ <div class="sf-item">
262
+ <span class="sf-icon">⏰</span>
263
+ <div>
264
+ <strong>Task Scheduling</strong>
265
+ <span>"Fetch the sales report every day at 8 AM" — set it and forget it.</span>
266
+ </div>
267
+ </div>
268
+ <div class="sf-item">
269
+ <span class="sf-icon">☁️</span>
270
+ <div>
271
+ <strong>Cloud-Based Execution</strong>
272
+ <span>Agents run in the cloud — no local infrastructure required. Scale to thousands of concurrent tasks.</span>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </div>
278
+
279
+ <!-- 5. CRM & Cloud Integrations -->
280
+ <div class="service-row fade-in">
281
+ <div class="service-number">05</div>
282
+ <div class="service-body">
283
+ <div class="service-head">
284
+ <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#8b5cf6);">🔗</div>
285
+ <div>
286
+ <h3>CRM &amp; Cloud Integrations</h3>
287
+ <div class="service-tiers">
288
+ <span class="badge badge-pro">Pro</span>
289
+ <span class="badge badge-enterprise">Enterprise</span>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ <p>Connect agent activity directly into the tools your team already uses.</p>
294
+ <div class="service-features">
295
+ <div class="sf-item">
296
+ <span class="sf-icon">📇</span>
297
+ <div>
298
+ <strong>CRM Direct Link</strong>
299
+ <span>Salesforce, HubSpot, Zoho — agent actions automatically logged as CRM events.</span>
300
+ </div>
301
+ </div>
302
+ <div class="sf-item">
303
+ <span class="sf-icon">📤</span>
304
+ <div>
305
+ <strong>Data Warehouse Export</strong>
306
+ <span>Stream analytics to BigQuery, Snowflake, or Datadog for advanced reporting.</span>
307
+ </div>
308
+ </div>
309
+ <div class="sf-item">
310
+ <span class="sf-icon">🪝</span>
311
+ <div>
312
+ <strong>Custom Webhooks</strong>
313
+ <span>Route events to any internal system via configurable webhook endpoints.</span>
314
+ </div>
315
+ </div>
316
+ </div>
317
+ </div>
318
+ </div>
319
+
320
+ <!-- 6. Multi-tenant Permission Management -->
321
+ <div class="service-row fade-in">
322
+ <div class="service-number">06</div>
323
+ <div class="service-body">
324
+ <div class="service-head">
325
+ <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#ef4444);">👥</div>
326
+ <div>
327
+ <h3>Multi-Tenant Permission Management</h3>
328
+ <div class="service-tiers">
329
+ <span class="badge badge-enterprise">Enterprise</span>
330
+ </div>
331
+ </div>
332
+ </div>
333
+ <p>Enterprise-grade team management for organizations running multiple sites.</p>
334
+ <div class="service-features">
335
+ <div class="sf-item">
336
+ <span class="sf-icon">🔑</span>
337
+ <div>
338
+ <strong>Sub-Users &amp; Roles</strong>
339
+ <span>Add team members with viewer, editor, or admin roles — per site or globally.</span>
340
+ </div>
341
+ </div>
342
+ <div class="sf-item">
343
+ <span class="sf-icon">📊</span>
344
+ <div>
345
+ <strong>Per-User Reports &amp; Quotas</strong>
346
+ <span>Track usage per team member; set usage quotas to control costs.</span>
347
+ </div>
348
+ </div>
349
+ <div class="sf-item">
350
+ <span class="sf-icon">🏢</span>
351
+ <div>
352
+ <strong>Central Control Panel</strong>
353
+ <span>One dashboard to rule all sites — perfect for agencies and enterprise IT.</span>
354
+ </div>
355
+ </div>
356
+ </div>
357
+ </div>
358
+ </div>
359
+
360
+ <!-- 7. AI-Powered Priority Support -->
361
+ <div class="service-row fade-in">
362
+ <div class="service-number">07</div>
363
+ <div class="service-body">
364
+ <div class="service-head">
365
+ <div class="service-icon" style="background:linear-gradient(135deg,#3b82f6,#10b981);">💬</div>
366
+ <div>
367
+ <h3>AI-Powered Priority Support</h3>
368
+ <div class="service-tiers">
369
+ <span class="badge badge-starter">Starter</span>
370
+ <span class="badge badge-pro">Pro</span>
371
+ <span class="badge badge-enterprise">Enterprise</span>
372
+ </div>
373
+ </div>
374
+ </div>
375
+ <p>Get help fast — from AI-assisted troubleshooting to live video sessions.</p>
376
+ <div class="service-features">
377
+ <div class="sf-item">
378
+ <span class="sf-icon">🤖</span>
379
+ <div>
380
+ <strong>Smart Support Bot</strong>
381
+ <span>AI chatbot trained on WAB docs — resolves common issues instantly, 24/7.</span>
382
+ </div>
383
+ </div>
384
+ <div class="sf-item">
385
+ <span class="sf-icon">📹</span>
386
+ <div>
387
+ <strong>Live Video Support</strong>
388
+ <span>Screen-share sessions with our engineers for complex integration issues.</span>
389
+ </div>
390
+ </div>
391
+ <div class="sf-item">
392
+ <span class="sf-icon">⏱️</span>
393
+ <div>
394
+ <strong>SLA Guarantee</strong>
395
+ <span>Enterprise: 15-minute response time. Pro: 1-hour response. Starter: same-day.</span>
396
+ </div>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <!-- 8. Custom Bridge Script -->
403
+ <div class="service-row fade-in">
404
+ <div class="service-number">08</div>
405
+ <div class="service-body">
406
+ <div class="service-head">
407
+ <div class="service-icon" style="background:linear-gradient(135deg,#ec4899,#8b5cf6);">📝</div>
408
+ <div>
409
+ <h3>Custom Bridge Script</h3>
410
+ <div class="service-tiers">
411
+ <span class="badge badge-pro">Pro</span>
412
+ <span class="badge badge-enterprise">Enterprise</span>
413
+ </div>
414
+ </div>
415
+ </div>
416
+ <p>A tailored version of the bridge script built for your exact requirements.</p>
417
+ <div class="service-features">
418
+ <div class="sf-item">
419
+ <span class="sf-icon">🧩</span>
420
+ <div>
421
+ <strong>Plugin-Based Custom Actions</strong>
422
+ <span>Add custom actions without modifying the core script — clean, maintainable, upgradeable.</span>
423
+ </div>
424
+ </div>
425
+ <div class="sf-item">
426
+ <span class="sf-icon">🚀</span>
427
+ <div>
428
+ <strong>Performance Optimization</strong>
429
+ <span>Minified builds, tree-shaking, AMP support — optimized for your exact use case.</span>
430
+ </div>
431
+ </div>
432
+ <div class="sf-item">
433
+ <span class="sf-icon">🔒</span>
434
+ <div>
435
+ <strong>Instant Security Patches</strong>
436
+ <span>Zero-day patches applied automatically — your script is always up to date.</span>
437
+ </div>
438
+ </div>
439
+ </div>
440
+ </div>
441
+ </div>
442
+
443
+ <!-- 9. Stealth Mode Pro -->
444
+ <div class="service-row fade-in">
445
+ <div class="service-number">09</div>
446
+ <div class="service-body">
447
+ <div class="service-head">
448
+ <div class="service-icon" style="background:linear-gradient(135deg,#1e293b,#475569);">🥷</div>
449
+ <div>
450
+ <h3>Stealth Mode Pro</h3>
451
+ <div class="service-tiers">
452
+ <span class="badge badge-pro">Pro</span>
453
+ <span class="badge badge-enterprise">Enterprise</span>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ <p>Advanced human-like interaction patterns for sites with aggressive bot detection.</p>
458
+ <div class="service-features">
459
+ <div class="sf-item">
460
+ <span class="sf-icon">🖱️</span>
461
+ <div>
462
+ <strong>Customizable Behavior Profiles</strong>
463
+ <span>Tune typing speed, mouse movement curves, scroll patterns — down to millisecond precision.</span>
464
+ </div>
465
+ </div>
466
+ <div class="sf-item">
467
+ <span class="sf-icon">🌐</span>
468
+ <div>
469
+ <strong>Anti-Detection Bypass</strong>
470
+ <span>Tested against Cloudflare, PerimeterX, Akamai, and DataDome protection layers.</span>
471
+ </div>
472
+ </div>
473
+ <div class="sf-item">
474
+ <span class="sf-icon">🔄</span>
475
+ <div>
476
+ <strong>Continuous Updates</strong>
477
+ <span>Behavioral profiles updated monthly to match the latest real-browser fingerprints.</span>
478
+ </div>
479
+ </div>
480
+ </div>
481
+ </div>
482
+ </div>
483
+
484
+ <!-- 10. Private CDN -->
485
+ <div class="service-row fade-in">
486
+ <div class="service-number">10</div>
487
+ <div class="service-body">
488
+ <div class="service-head">
489
+ <div class="service-icon" style="background:linear-gradient(135deg,#06b6d4,#10b981);">🌍</div>
490
+ <div>
491
+ <h3>Private CDN for Bridge Script</h3>
492
+ <div class="service-tiers">
493
+ <span class="badge badge-pro">Pro</span>
494
+ <span class="badge badge-enterprise">Enterprise</span>
495
+ </div>
496
+ </div>
497
+ </div>
498
+ <p>Your own globally distributed script delivery network.</p>
499
+ <div class="service-features">
500
+ <div class="sf-item">
501
+ <span class="sf-icon">⚡</span>
502
+ <div>
503
+ <strong>Global Edge Network</strong>
504
+ <span>Script served from 200+ PoPs worldwide — sub-50ms load times everywhere.</span>
505
+ </div>
506
+ </div>
507
+ <div class="sf-item">
508
+ <span class="sf-icon">🔗</span>
509
+ <div>
510
+ <strong>Custom Domain</strong>
511
+ <span>Serve from <code>bridge.yoursite.com</code> — builds trust and improves brand consistency.</span>
512
+ </div>
513
+ </div>
514
+ <div class="sf-item">
515
+ <span class="sf-icon">📈</span>
516
+ <div>
517
+ <strong>Geo Performance Stats</strong>
518
+ <span>See load times, cache hit ratios, and bandwidth per region in real time.</span>
519
+ </div>
520
+ </div>
521
+ </div>
522
+ </div>
523
+ </div>
524
+
525
+ <!-- 11. Extended Audit Logs & Compliance -->
526
+ <div class="service-row fade-in">
527
+ <div class="service-number">11</div>
528
+ <div class="service-body">
529
+ <div class="service-head">
530
+ <div class="service-icon" style="background:linear-gradient(135deg,#f59e0b,#10b981);">📋</div>
531
+ <div>
532
+ <h3>Extended Audit Logs &amp; Compliance</h3>
533
+ <div class="service-tiers">
534
+ <span class="badge badge-enterprise">Enterprise</span>
535
+ </div>
536
+ </div>
537
+ </div>
538
+ <p>Meet the strictest regulatory requirements with immutable, long-term audit trails.</p>
539
+ <div class="service-features">
540
+ <div class="sf-item">
541
+ <span class="sf-icon">🗄️</span>
542
+ <div>
543
+ <strong>7-Year Retention</strong>
544
+ <span>Interaction logs stored up to 7 years — essential for finance, healthcare, and government.</span>
545
+ </div>
546
+ </div>
547
+ <div class="sf-item">
548
+ <span class="sf-icon">✅</span>
549
+ <div>
550
+ <strong>HIPAA / GDPR / SOC2 Ready</strong>
551
+ <span>Pre-configured compliance settings with one-click activation per standard.</span>
552
+ </div>
553
+ </div>
554
+ <div class="sf-item">
555
+ <span class="sf-icon">📄</span>
556
+ <div>
557
+ <strong>Legal Export Formats</strong>
558
+ <span>Signed PDFs, timestamped CSVs, and chain-of-custody reports for auditors.</span>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ </div>
563
+ </div>
564
+
565
+ <!-- 12. Virtual Sandbox -->
566
+ <div class="service-row fade-in">
567
+ <div class="service-number">12</div>
568
+ <div class="service-body">
569
+ <div class="service-head">
570
+ <div class="service-icon" style="background:linear-gradient(135deg,#8b5cf6,#3b82f6);">🧪</div>
571
+ <div>
572
+ <h3>Virtual Sandbox Environment</h3>
573
+ <div class="service-tiers">
574
+ <span class="badge badge-enterprise">Enterprise</span>
575
+ </div>
576
+ </div>
577
+ </div>
578
+ <p>Test everything safely before going live.</p>
579
+ <div class="service-features">
580
+ <div class="sf-item">
581
+ <span class="sf-icon">🏗️</span>
582
+ <div>
583
+ <strong>Full Test Environment</strong>
584
+ <span>Mirror your production setup in an isolated sandbox — test permissions, configs, and limits risk-free.</span>
585
+ </div>
586
+ </div>
587
+ <div class="sf-item">
588
+ <span class="sf-icon">🤖</span>
589
+ <div>
590
+ <strong>Simulated Agent Traffic</strong>
591
+ <span>Generate synthetic agent traffic to stress-test rate limits and performance thresholds.</span>
592
+ </div>
593
+ </div>
594
+ <div class="sf-item">
595
+ <span class="sf-icon">📊</span>
596
+ <div>
597
+ <strong>Before/After Benchmarks</strong>
598
+ <span>Compare performance metrics before and after enabling premium features.</span>
599
+ </div>
600
+ </div>
601
+ </div>
602
+ </div>
603
+ </div>
604
+
605
+ </div>
606
+ </section>
607
+
608
+ <!-- ═══════════ COMPARISON TABLE ═══════════ -->
609
+ <section class="section" style="background:var(--bg-secondary);">
610
+ <div class="container">
611
+ <div class="section-header">
612
+ <span class="label">Compare</span>
613
+ <h2>Feature Availability by Plan</h2>
614
+ </div>
615
+ <div class="table-wrapper" style="overflow-x:auto;">
616
+ <table class="compare-table">
617
+ <thead>
618
+ <tr>
619
+ <th>Service</th>
620
+ <th class="tc">Free</th>
621
+ <th class="tc">Starter</th>
622
+ <th class="tc highlight-col">Pro</th>
623
+ <th class="tc">Enterprise</th>
624
+ </tr>
625
+ </thead>
626
+ <tbody>
627
+ <tr>
628
+ <td>Open-Source Core</td>
629
+ <td class="tc"><span class="check">✓</span></td>
630
+ <td class="tc"><span class="check">✓</span></td>
631
+ <td class="tc highlight-col"><span class="check">✓</span></td>
632
+ <td class="tc"><span class="check">✓</span></td>
633
+ </tr>
634
+ <tr>
635
+ <td>Agent Traffic Intelligence</td>
636
+ <td class="tc"><span class="cross">—</span></td>
637
+ <td class="tc"><span class="check">✓</span></td>
638
+ <td class="tc highlight-col"><span class="check">✓</span></td>
639
+ <td class="tc"><span class="check">✓</span></td>
640
+ </tr>
641
+ <tr>
642
+ <td>Advanced Exploit Shield</td>
643
+ <td class="tc"><span class="cross">—</span></td>
644
+ <td class="tc"><span class="cross">—</span></td>
645
+ <td class="tc highlight-col"><span class="check">✓</span></td>
646
+ <td class="tc"><span class="check">✓</span></td>
647
+ </tr>
648
+ <tr>
649
+ <td>Smart Actions Library</td>
650
+ <td class="tc"><span class="cross">—</span></td>
651
+ <td class="tc">Basic</td>
652
+ <td class="tc highlight-col"><span class="check">Full</span></td>
653
+ <td class="tc"><span class="check">Full</span></td>
654
+ </tr>
655
+ <tr>
656
+ <td>Custom AI Agents</td>
657
+ <td class="tc"><span class="cross">—</span></td>
658
+ <td class="tc"><span class="cross">—</span></td>
659
+ <td class="tc highlight-col">3 agents</td>
660
+ <td class="tc">Unlimited</td>
661
+ </tr>
662
+ <tr>
663
+ <td>CRM &amp; Cloud Integrations</td>
664
+ <td class="tc"><span class="cross">—</span></td>
665
+ <td class="tc"><span class="cross">—</span></td>
666
+ <td class="tc highlight-col"><span class="check">✓</span></td>
667
+ <td class="tc"><span class="check">✓</span></td>
668
+ </tr>
669
+ <tr>
670
+ <td>Multi-Tenant Management</td>
671
+ <td class="tc"><span class="cross">—</span></td>
672
+ <td class="tc"><span class="cross">—</span></td>
673
+ <td class="tc highlight-col"><span class="cross">—</span></td>
674
+ <td class="tc"><span class="check">✓</span></td>
675
+ </tr>
676
+ <tr>
677
+ <td>Priority Support</td>
678
+ <td class="tc">Community</td>
679
+ <td class="tc">Same-day</td>
680
+ <td class="tc highlight-col">1 hour</td>
681
+ <td class="tc">15 min SLA</td>
682
+ </tr>
683
+ <tr>
684
+ <td>Custom Bridge Script</td>
685
+ <td class="tc"><span class="cross">—</span></td>
686
+ <td class="tc"><span class="cross">—</span></td>
687
+ <td class="tc highlight-col"><span class="check">✓</span></td>
688
+ <td class="tc"><span class="check">✓</span></td>
689
+ </tr>
690
+ <tr>
691
+ <td>Stealth Mode Pro</td>
692
+ <td class="tc"><span class="cross">—</span></td>
693
+ <td class="tc"><span class="cross">—</span></td>
694
+ <td class="tc highlight-col"><span class="check">✓</span></td>
695
+ <td class="tc"><span class="check">✓</span></td>
696
+ </tr>
697
+ <tr>
698
+ <td>Private CDN</td>
699
+ <td class="tc"><span class="cross">—</span></td>
700
+ <td class="tc"><span class="cross">—</span></td>
701
+ <td class="tc highlight-col"><span class="check">✓</span></td>
702
+ <td class="tc"><span class="check">✓</span></td>
703
+ </tr>
704
+ <tr>
705
+ <td>Extended Audit &amp; Compliance</td>
706
+ <td class="tc"><span class="cross">—</span></td>
707
+ <td class="tc"><span class="cross">—</span></td>
708
+ <td class="tc highlight-col"><span class="cross">—</span></td>
709
+ <td class="tc"><span class="check">✓</span></td>
710
+ </tr>
711
+ <tr>
712
+ <td>Virtual Sandbox</td>
713
+ <td class="tc"><span class="cross">—</span></td>
714
+ <td class="tc"><span class="cross">—</span></td>
715
+ <td class="tc highlight-col"><span class="cross">—</span></td>
716
+ <td class="tc"><span class="check">✓</span></td>
717
+ </tr>
718
+ </tbody>
719
+ </table>
720
+ </div>
721
+ </div>
722
+ </section>
723
+
724
+ <!-- ═══════════ CTA ═══════════ -->
725
+ <section class="section" style="text-align:center;">
726
+ <div class="container">
727
+ <div class="premium-cta fade-in">
728
+ <h2>Ready to Supercharge Your<br><span class="gradient-text-accent">AI Agent Infrastructure</span>?</h2>
729
+ <p>Start with the free open-source core, then add premium services as you grow.</p>
730
+ <div style="display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;">
731
+ <a href="/register" class="btn btn-primary btn-lg">Start Free</a>
732
+ <a href="mailto:sales@webagentbridge.com" class="btn btn-secondary btn-lg">Talk to Sales</a>
733
+ </div>
734
+ </div>
735
+ </div>
736
+ </section>
737
+
738
+ <!-- ═══════════ FOOTER ═══════════ -->
739
+ <footer class="footer">
740
+ <div class="container">
741
+ <div class="footer-grid">
742
+ <div class="footer-brand">
743
+ <a href="/" class="navbar-brand">
744
+ <div class="brand-icon">⚡</div>
745
+ <span>Web Agent Bridge</span>
746
+ </a>
747
+ <p>Open protocol + runtime for AI agent ↔ website interaction. Built for the Agentic Web.</p>
748
+ </div>
749
+ <div class="footer-col">
750
+ <h4>Product</h4>
751
+ <ul>
752
+ <li><a href="/#features">Features</a></li>
753
+ <li><a href="/premium">Premium</a></li>
754
+ <li><a href="/#pricing">Pricing</a></li>
755
+ <li><a href="/docs">Documentation</a></li>
756
+ </ul>
757
+ </div>
758
+ <div class="footer-col">
759
+ <h4>Developers</h4>
760
+ <ul>
761
+ <li><a href="/docs#quick-start">Quick Start</a></li>
762
+ <li><a href="/docs#api-reference">API Reference</a></li>
763
+ <li><a href="/docs#examples">Examples</a></li>
764
+ <li><a href="https://github.com/abokenan444/web-agent-bridge">GitHub</a></li>
765
+ </ul>
766
+ </div>
767
+ <div class="footer-col">
768
+ <h4>Legal</h4>
769
+ <ul>
770
+ <li><a href="/privacy">Privacy Policy</a></li>
771
+ <li><a href="/terms">Terms of Service</a></li>
772
+ <li><a href="/cookies">Cookie Policy</a></li>
773
+ </ul>
774
+ </div>
775
+ </div>
776
+ <div class="footer-bottom">
777
+ <span>&copy; 2026 Web Agent Bridge. MIT License (core). Operated from the Netherlands.</span>
778
+ </div>
779
+ </div>
780
+ </footer>
781
+
782
+ <script src="/js/auth-nav.js?v=3.0.1"></script>
783
+ <script>
784
+ const navbar = document.getElementById('navbar');
785
+ window.addEventListener('scroll', () => {
786
+ navbar.style.background = window.scrollY > 50
787
+ ? 'rgba(10, 14, 26, 0.95)'
788
+ : 'rgba(10, 14, 26, 0.8)';
789
+ });
790
+ </script>
791
+ <script src="/js/cookie-consent.js?v=3.0.1"></script>
792
+ </body>
793
+ </html>