web-agent-bridge 3.2.0 → 3.4.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 (256) hide show
  1. package/LICENSE +84 -72
  2. package/README.ar.md +1304 -1152
  3. package/README.md +298 -1635
  4. package/bin/agent-runner.js +474 -474
  5. package/bin/cli.js +237 -138
  6. package/bin/wab-init.js +223 -0
  7. package/bin/wab.js +80 -80
  8. package/examples/azure-dns-wab.js +83 -0
  9. package/examples/bidi-agent.js +119 -119
  10. package/examples/cloudflare-wab-dns.js +121 -0
  11. package/examples/cpanel-wab-dns.js +114 -0
  12. package/examples/cross-site-agent.js +91 -91
  13. package/examples/dns-discovery-agent.js +166 -0
  14. package/examples/gcp-dns-wab.js +76 -0
  15. package/examples/governance-agent.js +169 -0
  16. package/examples/mcp-agent.js +94 -94
  17. package/examples/next-app-router/README.md +44 -44
  18. package/examples/plesk-wab-dns.js +103 -0
  19. package/examples/puppeteer-agent.js +108 -108
  20. package/examples/route53-wab-dns.js +144 -0
  21. package/examples/saas-dashboard/README.md +55 -55
  22. package/examples/safe-mode-agent.js +96 -0
  23. package/examples/shopify-hydrogen/README.md +74 -74
  24. package/examples/vision-agent.js +171 -171
  25. package/examples/wab-sign.js +74 -0
  26. package/examples/wab-verify.js +60 -0
  27. package/examples/wordpress-elementor/README.md +77 -77
  28. package/package.json +19 -6
  29. package/public/.well-known/agent-tools.json +180 -180
  30. package/public/.well-known/ai-assets.json +59 -59
  31. package/public/.well-known/security.txt +8 -0
  32. package/public/.well-known/wab.json +28 -0
  33. package/public/activate.html +368 -0
  34. package/public/adoption-metrics.html +188 -0
  35. package/public/agent-workspace.html +349 -349
  36. package/public/ai.html +198 -198
  37. package/public/api.html +413 -412
  38. package/public/azure-dns-integration.html +289 -0
  39. package/public/browser.html +486 -486
  40. package/public/cloudflare-integration.html +380 -0
  41. package/public/commander-dashboard.html +243 -243
  42. package/public/cookies.html +210 -210
  43. package/public/cpanel-integration.html +398 -0
  44. package/public/css/agent-workspace.css +1713 -1713
  45. package/public/css/premium.css +317 -317
  46. package/public/css/styles.css +1263 -1235
  47. package/public/dashboard.html +707 -706
  48. package/public/dns.html +436 -0
  49. package/public/docs.html +588 -587
  50. package/public/feed.xml +89 -89
  51. package/public/gcp-dns-integration.html +318 -0
  52. package/public/growth.html +465 -463
  53. package/public/index.html +1266 -982
  54. package/public/integrations.html +556 -0
  55. package/public/js/activate.js +145 -0
  56. package/public/js/agent-workspace.js +1740 -1740
  57. package/public/js/auth-nav.js +65 -31
  58. package/public/js/auth-redirect.js +12 -12
  59. package/public/js/cookie-consent.js +56 -56
  60. package/public/js/dns.js +438 -0
  61. package/public/js/wab-demo-page.js +721 -721
  62. package/public/js/ws-client.js +74 -74
  63. package/public/llms-full.txt +360 -360
  64. package/public/llms.txt +125 -125
  65. package/public/login.html +85 -85
  66. package/public/mesh-dashboard.html +328 -328
  67. package/public/openapi.json +669 -580
  68. package/public/phone-shield.html +281 -0
  69. package/public/plesk-integration.html +375 -0
  70. package/public/premium-dashboard.html +2489 -2489
  71. package/public/premium.html +793 -793
  72. package/public/privacy.html +297 -297
  73. package/public/provider-onboarding.html +172 -0
  74. package/public/provider-sandbox.html +134 -0
  75. package/public/providers.html +359 -0
  76. package/public/register.html +105 -105
  77. package/public/registrar-integrations.html +141 -0
  78. package/public/robots.txt +99 -87
  79. package/public/route53-integration.html +531 -0
  80. package/public/script/wab-consent.d.ts +36 -36
  81. package/public/script/wab-consent.js +104 -104
  82. package/public/script/wab-schema.js +131 -131
  83. package/public/script/wab.d.ts +108 -108
  84. package/public/script/wab.min.js +580 -580
  85. package/public/security.txt +8 -0
  86. package/public/shieldqr.html +231 -0
  87. package/public/sitemap.xml +6 -0
  88. package/public/terms.html +256 -256
  89. package/public/wab-trust.html +200 -0
  90. package/public/wab-vs-protocols.html +210 -0
  91. package/public/whitepaper.html +449 -0
  92. package/script/ai-agent-bridge.js +1754 -1754
  93. package/sdk/README.md +99 -99
  94. package/sdk/agent-mesh.js +449 -449
  95. package/sdk/auto-discovery.js +288 -0
  96. package/sdk/commander.js +262 -262
  97. package/sdk/governance.js +262 -0
  98. package/sdk/index.d.ts +464 -464
  99. package/sdk/index.js +25 -1
  100. package/sdk/multi-agent.js +318 -318
  101. package/sdk/package.json +2 -2
  102. package/sdk/safe-mode.js +221 -0
  103. package/sdk/safety-shield.js +219 -0
  104. package/sdk/schema-discovery.js +83 -83
  105. package/server/adapters/index.js +520 -520
  106. package/server/config/plans.js +367 -367
  107. package/server/config/secrets.js +102 -102
  108. package/server/control-plane/index.js +301 -301
  109. package/server/data-plane/index.js +354 -354
  110. package/server/index.js +670 -427
  111. package/server/llm/index.js +404 -404
  112. package/server/middleware/adminAuth.js +35 -35
  113. package/server/middleware/auth.js +50 -50
  114. package/server/middleware/featureGate.js +88 -88
  115. package/server/middleware/rateLimits.js +100 -100
  116. package/server/middleware/sensitiveAction.js +157 -0
  117. package/server/migrations/001_add_analytics_indexes.sql +7 -7
  118. package/server/migrations/002_premium_features.sql +418 -418
  119. package/server/migrations/003_ads_integer_cents.sql +33 -33
  120. package/server/migrations/004_agent_os.sql +158 -158
  121. package/server/migrations/005_marketplace_metering.sql +126 -126
  122. package/server/migrations/007_governance.sql +106 -0
  123. package/server/migrations/008_plans.sql +144 -0
  124. package/server/migrations/009_shieldqr.sql +30 -0
  125. package/server/migrations/010_extended_trust.sql +33 -0
  126. package/server/models/adapters/index.js +33 -33
  127. package/server/models/adapters/mysql.js +183 -183
  128. package/server/models/adapters/postgresql.js +172 -172
  129. package/server/models/adapters/sqlite.js +7 -7
  130. package/server/models/db.js +740 -681
  131. package/server/observability/failure-analysis.js +337 -337
  132. package/server/observability/index.js +394 -394
  133. package/server/protocol/capabilities.js +223 -223
  134. package/server/protocol/index.js +243 -243
  135. package/server/protocol/schema.js +584 -584
  136. package/server/registry/certification.js +271 -271
  137. package/server/registry/index.js +326 -326
  138. package/server/routes/admin-plans.js +76 -0
  139. package/server/routes/admin-premium.js +673 -671
  140. package/server/routes/admin-shieldqr.js +90 -0
  141. package/server/routes/admin-trust-monitor.js +83 -0
  142. package/server/routes/admin.js +549 -261
  143. package/server/routes/ads.js +130 -130
  144. package/server/routes/agent-workspace.js +540 -540
  145. package/server/routes/api.js +150 -150
  146. package/server/routes/auth.js +71 -71
  147. package/server/routes/billing.js +57 -45
  148. package/server/routes/commander.js +316 -316
  149. package/server/routes/demo-showcase.js +332 -332
  150. package/server/routes/demo-store.js +154 -0
  151. package/server/routes/discovery.js +2348 -417
  152. package/server/routes/gateway.js +173 -157
  153. package/server/routes/governance.js +208 -0
  154. package/server/routes/license.js +251 -240
  155. package/server/routes/mesh.js +469 -469
  156. package/server/routes/noscript.js +543 -543
  157. package/server/routes/plans.js +33 -0
  158. package/server/routes/premium-v2.js +686 -686
  159. package/server/routes/premium.js +724 -724
  160. package/server/routes/providers.js +650 -0
  161. package/server/routes/runtime.js +2148 -2147
  162. package/server/routes/shieldqr.js +88 -0
  163. package/server/routes/sovereign.js +465 -385
  164. package/server/routes/universal.js +200 -185
  165. package/server/routes/wab-api.js +850 -501
  166. package/server/runtime/container-worker.js +111 -111
  167. package/server/runtime/container.js +448 -448
  168. package/server/runtime/distributed-worker.js +362 -362
  169. package/server/runtime/event-bus.js +210 -210
  170. package/server/runtime/index.js +253 -253
  171. package/server/runtime/queue.js +599 -599
  172. package/server/runtime/replay.js +666 -666
  173. package/server/runtime/sandbox.js +266 -266
  174. package/server/runtime/scheduler.js +534 -534
  175. package/server/runtime/session-engine.js +293 -293
  176. package/server/runtime/state-manager.js +188 -188
  177. package/server/security/cross-site-redactor.js +196 -0
  178. package/server/security/dry-run.js +180 -0
  179. package/server/security/human-gate-rate-limit.js +147 -0
  180. package/server/security/human-gate-transports.js +178 -0
  181. package/server/security/human-gate.js +281 -0
  182. package/server/security/index.js +368 -368
  183. package/server/security/intent-engine.js +245 -0
  184. package/server/security/reward-guard.js +171 -0
  185. package/server/security/rollback-store.js +239 -0
  186. package/server/security/token-scope.js +404 -0
  187. package/server/security/url-policy.js +139 -0
  188. package/server/services/agent-chat.js +506 -506
  189. package/server/services/agent-learning.js +601 -575
  190. package/server/services/agent-memory.js +625 -625
  191. package/server/services/agent-mesh.js +555 -539
  192. package/server/services/agent-symphony.js +717 -717
  193. package/server/services/agent-tasks.js +1807 -1807
  194. package/server/services/api-key-engine.js +292 -261
  195. package/server/services/cluster.js +894 -894
  196. package/server/services/commander.js +738 -738
  197. package/server/services/edge-compute.js +440 -440
  198. package/server/services/email.js +233 -204
  199. package/server/services/governance.js +466 -0
  200. package/server/services/hosted-runtime.js +205 -205
  201. package/server/services/lfd.js +635 -635
  202. package/server/services/local-ai.js +389 -389
  203. package/server/services/marketplace.js +270 -270
  204. package/server/services/metering.js +182 -182
  205. package/server/services/modules/affiliate-intelligence.js +93 -93
  206. package/server/services/modules/agent-firewall.js +90 -90
  207. package/server/services/modules/bounty.js +89 -89
  208. package/server/services/modules/collective-bargaining.js +92 -92
  209. package/server/services/modules/dark-pattern.js +66 -66
  210. package/server/services/modules/gov-intelligence.js +45 -45
  211. package/server/services/modules/neural.js +55 -55
  212. package/server/services/modules/notary.js +49 -49
  213. package/server/services/modules/price-time-machine.js +86 -86
  214. package/server/services/modules/protocol.js +104 -104
  215. package/server/services/negotiation.js +439 -439
  216. package/server/services/plans.js +214 -0
  217. package/server/services/plugins.js +771 -771
  218. package/server/services/premium.js +1 -1
  219. package/server/services/price-intelligence.js +566 -566
  220. package/server/services/price-shield.js +1137 -1137
  221. package/server/services/provider-clients.js +740 -0
  222. package/server/services/reputation.js +465 -465
  223. package/server/services/search-engine.js +357 -357
  224. package/server/services/security.js +513 -513
  225. package/server/services/self-healing.js +843 -843
  226. package/server/services/shieldqr.js +322 -0
  227. package/server/services/sovereign-shield.js +542 -0
  228. package/server/services/ssl-inspector.js +42 -0
  229. package/server/services/ssl-monitor.js +167 -0
  230. package/server/services/stripe.js +205 -192
  231. package/server/services/swarm.js +788 -788
  232. package/server/services/universal-scraper.js +662 -661
  233. package/server/services/verification.js +481 -481
  234. package/server/services/vision.js +1163 -1163
  235. package/server/services/wab-crypto.js +178 -0
  236. package/server/utils/cache.js +125 -125
  237. package/server/utils/migrate.js +81 -81
  238. package/server/utils/safe-fetch.js +228 -0
  239. package/server/utils/secureFields.js +50 -50
  240. package/server/ws.js +161 -161
  241. package/templates/artisan-marketplace.yaml +104 -104
  242. package/templates/book-price-scout.yaml +98 -98
  243. package/templates/electronics-price-tracker.yaml +108 -108
  244. package/templates/flight-deal-hunter.yaml +113 -113
  245. package/templates/freelancer-direct.yaml +116 -116
  246. package/templates/grocery-price-compare.yaml +93 -93
  247. package/templates/hotel-direct-booking.yaml +113 -113
  248. package/templates/local-services.yaml +98 -98
  249. package/templates/olive-oil-tunisia.yaml +88 -88
  250. package/templates/organic-farm-fresh.yaml +101 -101
  251. package/templates/restaurant-direct.yaml +97 -97
  252. package/public/score.html +0 -263
  253. package/server/migrations/006_growth_suite.sql +0 -138
  254. package/server/routes/growth.js +0 -962
  255. package/server/services/fairness-engine.js +0 -409
  256. package/server/services/fairness.js +0 -420
package/public/growth.html CHANGED
@@ -1,463 +1,465 @@
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>WAB Growth Suite — 8 Modules to Protect & Power the Web</title>
7
- <meta name="description" content="WAB Growth Suite: Widget protection, AI Safety Layer, WAB Score, Trust Protocol, Bounty Network, Data Marketplace, Email Protection, and Affiliate Intelligence.">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <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">
11
- <link rel="stylesheet" href="/css/styles.css?v=3.0.1">
12
- <style>
13
- .gs-hero { padding: 100px 20px 60px; background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); color: #fff; text-align: center; }
14
- .gs-hero h1 { font-size: 48px; font-weight: 900; margin-bottom: 16px; }
15
- .gs-hero p { font-size: 20px; color: #94a3b8; max-width: 640px; margin: 0 auto 32px; line-height: 1.6; }
16
- .gs-hero .badge { display: inline-block; background: rgba(59,130,246,0.15); color: #60a5fa; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 24px; }
17
-
18
- .gs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
19
- .gs-section { padding: 80px 20px; }
20
- .gs-section h2 { font-size: 36px; font-weight: 800; color: #0f172a; margin-bottom: 16px; text-align: center; }
21
- .gs-section .subtitle { font-size: 18px; color: #64748b; text-align: center; max-width: 700px; margin: 0 auto 48px; line-height: 1.6; }
22
-
23
- .gs-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; transition: transform 0.2s, box-shadow 0.2s; }
24
- .gs-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
25
- .gs-card .icon { font-size: 40px; margin-bottom: 16px; }
26
- .gs-card h3 { font-size: 20px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
27
- .gs-card p { font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 16px; }
28
- .gs-card .tag { display: inline-block; background: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; }
29
-
30
- .gs-dark { background: #0f172a; color: #fff; }
31
- .gs-dark h2 { color: #fff; }
32
- .gs-dark .subtitle { color: #94a3b8; }
33
-
34
- .gs-code { background: #0f172a; color: #e2e8f0; padding: 24px; border-radius: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; max-width: 700px; margin: 0 auto; }
35
- .gs-code .kw { color: #c678dd; }
36
- .gs-code .fn { color: #61afef; }
37
- .gs-code .st { color: #98c379; }
38
- .gs-code .cm { color: #5c6370; }
39
- .gs-code .num { color: #d19a66; }
40
-
41
- .gs-score-badge { display: inline-flex; align-items: center; gap: 12px; border: 2px solid; border-radius: 12px; padding: 16px 24px; background: #fff; }
42
- .gs-score-grade { font-size: 32px; font-weight: 900; line-height: 1; }
43
-
44
- .gs-cta { text-align: center; padding: 80px 20px; background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }
45
- .gs-cta h2 { font-size: 36px; font-weight: 800; margin-bottom: 16px; color: #fff; }
46
- .gs-cta p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 32px; }
47
- .gs-cta .btn { display: inline-block; padding: 14px 32px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 16px; }
48
- .gs-cta .btn-white { background: #fff; color: #0f172a; }
49
- .gs-cta .btn-outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3); margin-left: 12px; }
50
-
51
- .gs-detail { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
52
- .gs-detail.reverse { direction: rtl; }
53
- .gs-detail.reverse > * { direction: ltr; }
54
- @media (max-width: 768px) {
55
- .gs-detail, .gs-detail.reverse { grid-template-columns: 1fr; }
56
- .gs-hero h1 { font-size: 32px; }
57
- .gs-section h2 { font-size: 28px; }
58
- }
59
-
60
- .gs-mockup { background: #1e293b; border: 1px solid #334155; border-radius: 16px; padding: 24px; color: #e2e8f0; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; }
61
- .gs-feature-list { list-style: none; padding: 0; }
62
- .gs-feature-list li { padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 15px; color: #334155; }
63
- .gs-feature-list li:last-child { border-bottom: none; }
64
-
65
- .gs-stats { display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; margin-bottom: 48px; }
66
- .gs-stat { text-align: center; }
67
- .gs-stat .num { font-size: 48px; font-weight: 900; color: #3b82f6; line-height: 1; }
68
- .gs-stat .label { font-size: 14px; color: #64748b; margin-top: 4px; }
69
- </style>
70
- </head>
71
- <body>
72
-
73
- <!-- NAVBAR -->
74
- <nav class="navbar" id="navbar">
75
- <div class="container">
76
- <a href="/" class="navbar-brand">
77
- <div class="brand-icon">⚡</div>
78
- <span>WAB</span>
79
- </a>
80
- <ul class="navbar-links">
81
- <li><a href="/#features">Features</a></li>
82
- <li><a href="#modules">Modules</a></li>
83
- <li><a href="#quickstart">Quick Start</a></li>
84
- <li><a href="/docs">Docs</a></li>
85
- <li><a href="/demo">Demo</a></li>
86
- </ul>
87
- <div class="navbar-actions">
88
- <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
89
- <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
90
- <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
91
- </div>
92
- <button class="mobile-menu-btn" onclick="document.querySelector('.navbar-links').classList.toggle('active')">☰</button>
93
- </div>
94
- </nav>
95
-
96
- <!-- HERO -->
97
- <section class="gs-hero">
98
- <div class="badge">WAB Growth Suite v2.5</div>
99
- <h1>8 Modules to Protect &<br>Power the Web</h1>
100
- <p>Production-ready growth modules designed to spread safety, fairness, and intelligence across the web, AI ecosystems, and developer tools.</p>
101
- <div style="display:flex; gap:16px; justify-content:center; flex-wrap:wrap;">
102
- <a href="#modules" class="btn btn-primary btn-lg">Explore Modules</a>
103
- <a href="#quickstart" class="btn btn-secondary btn-lg">Quick Start</a>
104
- </div>
105
- </section>
106
-
107
- <!-- STATS -->
108
- <section class="gs-section" style="padding-bottom:0;">
109
- <div class="gs-stats">
110
- <div class="gs-stat"><div class="num">8</div><div class="label">Growth Modules</div></div>
111
- <div class="gs-stat"><div class="num">47</div><div class="label">Threat Databases</div></div>
112
- <div class="gs-stat"><div class="num">15</div><div class="label">Fairness Signals</div></div>
113
- <div class="gs-stat"><div class="num">500+</div><div class="label">Platforms Scored</div></div>
114
- </div>
115
- </section>
116
-
117
- <!-- ALL 8 MODULES -->
118
- <section class="gs-section" id="modules">
119
- <h2>Growth Modules</h2>
120
- <p class="subtitle">Each module targets a different audience and use case — from individual bloggers to Fortune 500 AI companies.</p>
121
-
122
- <div class="gs-grid">
123
- <!-- 1. WAB Widget -->
124
- <div class="gs-card">
125
- <div class="icon">🛡️</div>
126
- <h3>WAB Widget</h3>
127
- <p>Drop-in link protection for any website. One line of code adds a security shield next to every external link, blocking phishing and scam sites in real-time.</p>
128
- <span class="tag">Website Owners</span> <span class="tag">Bloggers</span>
129
- </div>
130
-
131
- <!-- 2. AI Safety Layer -->
132
- <div class="gs-card">
133
- <div class="icon">🤖</div>
134
- <h3>AI Safety Layer</h3>
135
- <p>Mandatory security layer for AI agents browsing the web. Compatible with OpenAI Operator, Anthropic Computer Use, and all major AI agent frameworks.</p>
136
- <span class="tag">AI Companies</span> <span class="tag">Developers</span>
137
- </div>
138
-
139
- <!-- 3. WAB Score -->
140
- <div class="gs-card">
141
- <div class="icon">📊</div>
142
- <h3>WAB Score</h3>
143
- <p>Credit rating system for digital platforms. Scores are based on 15 fairness signals + security analysis — like a credit score for websites.</p>
144
- <span class="tag">Consumers</span> <span class="tag">Media</span>
145
- </div>
146
-
147
- <!-- 4. Trust Layer Protocol -->
148
- <div class="gs-card">
149
- <div class="icon">🔐</div>
150
- <h3>Trust Layer Protocol</h3>
151
- <p>Open <code>wab.json</code> protocol — like HTTPS for trust. Websites publish a trust manifest that can be verified by any agent or browser.</p>
152
- <span class="tag">E-commerce</span> <span class="tag">Platforms</span>
153
- </div>
154
-
155
- <!-- 5. Bounty Network -->
156
- <div class="gs-card">
157
- <div class="icon">💰</div>
158
- <h3>Bounty Network</h3>
159
- <p>Crowdsourced scam detection. Users earn credits for reporting phishing sites, malware, and fraud — before automated systems catch them.</p>
160
- <span class="tag">General Public</span> <span class="tag">Researchers</span>
161
- </div>
162
-
163
- <!-- 6. Data Marketplace -->
164
- <div class="gs-card">
165
- <div class="icon">🗄️</div>
166
- <h3>Data Marketplace</h3>
167
- <p>Buy and sell curated threat intelligence datasets. Real-time phishing feeds, platform fairness data, and affiliate intelligence for AI training.</p>
168
- <span class="tag">Security Firms</span> <span class="tag">AI Companies</span>
169
- </div>
170
-
171
- <!-- 7. Email Protection -->
172
- <div class="gs-card">
173
- <div class="icon">📧</div>
174
- <h3>Email Protection</h3>
175
- <p>Gmail &amp; Outlook phishing protection. Scans every link and sender in your inbox — 94% of breaches start with a phishing email.</p>
176
- <span class="tag">All Users</span> <span class="tag">Enterprise</span>
177
- </div>
178
-
179
- <!-- 8. Affiliate Intelligence -->
180
- <div class="gs-card">
181
- <div class="icon">📈</div>
182
- <h3>Affiliate Intelligence</h3>
183
- <p>Protect affiliate marketers from fraud. Detects cookie stuffing, commission shaving, and payment delays across all major networks.</p>
184
- <span class="tag">Marketers</span> <span class="tag">Affiliates</span>
185
- </div>
186
- </div>
187
- </section>
188
-
189
- <!-- DETAIL: WAB Widget -->
190
- <section class="gs-section" style="background:#f8fafc;">
191
- <div class="gs-detail">
192
- <div>
193
- <h2 style="text-align:left; font-size:28px;">One Line of Code. Full Link Protection.</h2>
194
- <p style="color:#64748b; line-height:1.6; margin-bottom:24px;">Add the WAB Widget to any website and every external link gets scanned against 47 threat databases. Safe links get a green shield, suspicious ones get warnings, and phishing sites get blocked.</p>
195
- <ul class="gs-feature-list">
196
- <li>✅ Zero configuration — just add the script tag</li>
197
- <li>✅ Badge, tooltip, or full blocking mode</li>
198
- <li>✅ Cached results — no performance impact</li>
199
- <li>✅ Works with any CMS or framework</li>
200
- </ul>
201
- </div>
202
- <div class="gs-code">
203
- <span class="cm">&lt;!-- Add WAB Widget to your site --&gt;</span><br>
204
- <span class="kw">&lt;script</span> <span class="fn">src</span>=<span class="st">"https://webagentbridge.com/script/ai-agent-bridge.js"</span><br>
205
- &nbsp;&nbsp;&nbsp;&nbsp;<span class="fn">data-wab-key</span>=<span class="st">"YOUR_API_KEY"</span><span class="kw">&gt;&lt;/script&gt;</span>
206
- </div>
207
- </div>
208
- </section>
209
-
210
- <!-- DETAIL: AI Safety Layer -->
211
- <section class="gs-section gs-dark">
212
- <div class="gs-detail reverse">
213
- <div>
214
- <div style="color:#3b82f6; font-weight:700; margin-bottom:8px; letter-spacing:1px; font-size:12px;">FOR AI COMPANIES</div>
215
- <h2 style="text-align:left; font-size:28px; color:#fff;">Mandatory Safety for AI Agents</h2>
216
- <p style="color:#94a3b8; line-height:1.6; margin-bottom:24px;">Building an AI agent that browses the web? WAB Safety Layer wraps any agent with automatic threat scanning and fairness checks. Compatible with OpenAI Operator &amp; Anthropic Computer Use.</p>
217
- <ul class="gs-feature-list" style="border-color:#334155;">
218
- <li style="color:#cbd5e1; border-color:#334155;">✅ Compatible with OpenAI Operator & Anthropic</li>
219
- <li style="color:#cbd5e1; border-color:#334155;">✅ Blocks fraudulent financial transactions</li>
220
- <li style="color:#cbd5e1; border-color:#334155;">✅ Lifts legal liability from your company</li>
221
- </ul>
222
- </div>
223
- <div class="gs-mockup">
224
- <span style="color:#c678dd">import</span> { WABAgentWrapper } <span style="color:#c678dd">from</span> <span style="color:#98c379">'@wab/sdk'</span>;<br><br>
225
- <span style="color:#5c6370">// Wrap your AI Agent with WAB Safety</span><br>
226
- <span style="color:#c678dd">const</span> safeAgent = <span style="color:#c678dd">new</span> <span style="color:#61afef">WABAgentWrapper</span>(myAgent, {<br>
227
- &nbsp;&nbsp;<span style="color:#d19a66">blockCritical</span>: <span style="color:#d19a66">true</span>,<br>
228
- &nbsp;&nbsp;<span style="color:#d19a66">minFairness</span>: <span style="color:#d19a66">60</span>,<br>
229
- });<br><br>
230
- <span style="color:#5c6370">// WAB blocks scam sites automatically</span><br>
231
- <span style="color:#c678dd">await</span> safeAgent.<span style="color:#61afef">browse</span>(<span style="color:#98c379">'https://scam-site.xyz'</span>);<br>
232
- <span style="color:#e06c75">→ WABBlockedError: Phishing detected</span>
233
- </div>
234
- </div>
235
- </section>
236
-
237
- <!-- DETAIL: WAB Score -->
238
- <section class="gs-section" style="background:white;">
239
- <div style="max-width:800px; margin:0 auto; text-align:center;">
240
- <h2>The Digital World's Credit Rating</h2>
241
- <p class="subtitle">Like credit agencies rate banks, WAB Score rates digital platforms. Search for any platform and get a transparency score based on 15 fairness signals.</p>
242
-
243
- <div style="display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-bottom:40px;">
244
- <!-- Amazon -->
245
- <div class="gs-score-badge" style="border-color:#22c55e;">
246
- <div class="gs-score-grade" style="color:#22c55e;">A-</div>
247
- <div style="text-align:left;">
248
- <div style="font-weight:700; color:#1e293b;">Very Good</div>
249
- <div style="font-size:12px; color:#64748b;">86/100 · amazon.com</div>
250
- </div>
251
- </div>
252
- <!-- AliExpress -->
253
- <div class="gs-score-badge" style="border-color:#f59e0b;">
254
- <div class="gs-score-grade" style="color:#f59e0b;">C+</div>
255
- <div style="text-align:left;">
256
- <div style="font-weight:700; color:#1e293b;">Below Average</div>
257
- <div style="font-size:12px; color:#64748b;">68/100 · aliexpress.com</div>
258
- </div>
259
- </div>
260
- </div>
261
-
262
- <form action="/score" method="GET" style="display:flex; max-width:500px; margin:0 auto; gap:8px;">
263
- <input type="text" name="domain" placeholder="Enter platform domain (e.g. shein.com)" style="flex:1; padding:12px 16px; border:1px solid #e2e8f0; border-radius:8px; font-size:15px;">
264
- <button type="submit" style="background:#0f172a; color:white; border:none; padding:12px 24px; border-radius:8px; font-weight:700; cursor:pointer;">Check Score</button>
265
- </form>
266
- </div>
267
- </section>
268
-
269
- <!-- DETAIL: Trust Protocol -->
270
- <section class="gs-section" style="background:#f1f5f9;">
271
- <div class="gs-detail">
272
- <div>
273
- <h2 style="text-align:left; font-size:28px;">The Open Trust Protocol</h2>
274
- <p style="color:#475569; line-height:1.6; margin-bottom:20px;">Prove to your customers that your store is fair and safe. Add a <code>wab.json</code> file to your site and print a verified trust badge — like the SSL padlock for platform fairness.</p>
275
- <a href="/docs" style="color:#3b82f6; font-weight:600; text-decoration:none;">Learn how to get certified →</a>
276
- </div>
277
- <div style="background:white; padding:20px; border-radius:12px; border:1px solid #e2e8f0;">
278
- <div style="font-family:'JetBrains Mono',monospace; font-size:12px; color:#334155;">
279
- <span style="color:#94a3b8">// /.well-known/wab.json</span><br>
280
- {<br>
281
- &nbsp;&nbsp;"wab_certified": <span style="color:#22c55e">true</span>,<br>
282
- &nbsp;&nbsp;"fairness_score": <span style="color:#3b82f6">92</span>,<br>
283
- &nbsp;&nbsp;"last_audit": <span style="color:#a3e635">"2026-04-01"</span><br>
284
- }
285
- </div>
286
- </div>
287
- </div>
288
- </section>
289
-
290
- <!-- DETAIL: Bounty Network -->
291
- <section class="gs-section gs-dark" style="text-align:center;">
292
- <div style="max-width:700px; margin:0 auto;">
293
- <div style="font-size:48px; margin-bottom:16px;">💰</div>
294
- <h2 style="color:#fff;">Earn Money by Discovering Fraud</h2>
295
- <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;">Join the <strong>WAB Bounty Network</strong> and report phishing sites, scams, and malware that automated systems haven't caught yet. Earn credits redeemable for cash or subscriptions.</p>
296
-
297
- <div style="display:flex; justify-content:center; gap:24px; margin-bottom:32px; flex-wrap:wrap;">
298
- <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
299
- <div style="font-size:24px; font-weight:700; color:#ef4444;">50 Credits</div>
300
- <div style="font-size:13px; color:#94a3b8;">Critical Threats</div>
301
- </div>
302
- <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
303
- <div style="font-size:24px; font-weight:700; color:#f59e0b;">25 Credits</div>
304
- <div style="font-size:13px; color:#94a3b8;">Confirmed Scams</div>
305
- </div>
306
- <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
307
- <div style="font-size:24px; font-weight:700; color:#3b82f6;">10 Credits</div>
308
- <div style="font-size:13px; color:#94a3b8;">Suspicious Sites</div>
309
- </div>
310
- </div>
311
-
312
- <a href="/register" class="btn btn-primary btn-lg">Start Earning →</a>
313
- </div>
314
- </section>
315
-
316
- <!-- DETAIL: Data Marketplace -->
317
- <section class="gs-section" style="background:white;">
318
- <div style="max-width:1000px; margin:0 auto; text-align:center;">
319
- <h2>Threat Intelligence for AI &amp; Security</h2>
320
- <p class="subtitle"><strong>WAB Data Marketplace</strong> provides curated datasets for cybersecurity companies and AI model training — real-time threat feeds, fairness data, and more.</p>
321
-
322
- <div class="gs-grid" style="grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));">
323
- <div class="gs-card">
324
- <h3>Threat Intelligence Feed</h3>
325
- <p>Real-time phishing, malware, and scam URL data from 47 databases. Updated continuously.</p>
326
- <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
327
- </div>
328
- <div class="gs-card">
329
- <h3>Platform Fairness Data</h3>
330
- <p>Quarterly transparency scores for 500+ marketplaces — hidden fees, return policies, dark patterns, and more.</p>
331
- <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
332
- </div>
333
- <div class="gs-card">
334
- <h3>Affiliate Intelligence</h3>
335
- <p>Commission benchmarks, fraud pattern datasets, and network reliability scores across all major affiliate platforms.</p>
336
- <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
337
- </div>
338
- </div>
339
- </div>
340
- </section>
341
-
342
- <!-- DETAIL: Email Protection -->
343
- <section class="gs-section" style="background:#f8fafc;">
344
- <div class="gs-detail">
345
- <div>
346
- <h3 style="font-size:28px; color:#0f172a; margin-bottom:16px;">Email Protection</h3>
347
- <p style="color:#475569; font-size:16px; line-height:1.6; margin-bottom:24px;">94% of cyber breaches start with a phishing email. Install the WAB extension and every link and sender in your inbox gets scanned automatically.</p>
348
- <div style="display:flex; gap:12px;">
349
- <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🌐 Chrome Extension</a>
350
- <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🦊 Firefox Add-on</a>
351
- </div>
352
- </div>
353
- <div style="background:white; padding:16px; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.06);">
354
- <div style="background:#fef2f2; border-left:4px solid #ef4444; padding:12px 16px; border-radius:4px; margin-bottom:16px;">
355
- <strong style="color:#991b1b; font-size:13px;">🚫 WAB Security Alert:</strong>
356
- <span style="font-size:13px; color:#991b1b;"> This email contains a dangerous link</span>
357
- <div style="color:#b91c1c; font-size:12px; margin-top:4px;">PHISHING DETECTED — paypa1-secure-login.xyz scored 95/100 risk</div>
358
- </div>
359
- <div style="height:12px; background:#f1f5f9; width:60%; margin-bottom:8px; border-radius:4px;"></div>
360
- <div style="height:12px; background:#f1f5f9; width:80%; margin-bottom:8px; border-radius:4px;"></div>
361
- <div style="height:12px; background:#f1f5f9; width:40%; border-radius:4px;"></div>
362
- </div>
363
- </div>
364
- </section>
365
-
366
- <!-- DETAIL: Affiliate Intelligence -->
367
- <section class="gs-section gs-dark">
368
- <div style="max-width:800px; margin:0 auto; text-align:center;">
369
- <h2 style="color:#fff;">Are Affiliate Networks Stealing Your Commissions?</h2>
370
- <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;"><strong>WAB Affiliate Intelligence</strong> analyzes your affiliate data and compares it with industry benchmarks to detect commission shaving, cookie stuffing, and payment fraud.</p>
371
-
372
- <div class="gs-mockup" style="text-align:left; margin-bottom:32px;">
373
- <div style="display:flex; justify-content:space-between; border-bottom:1px solid #334155; padding-bottom:12px; margin-bottom:12px;">
374
- <div>
375
- <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Network</div>
376
- <div style="font-weight:700; font-size:16px;">ClickBank</div>
377
- </div>
378
- <div style="text-align:right;">
379
- <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Fraud Risk</div>
380
- <div style="font-weight:700; font-size:16px; color:#f59e0b;">MEDIUM</div>
381
- </div>
382
- </div>
383
- <div style="color:#cbd5e1; font-size:14px; margin-bottom:8px;">⚠️ <strong>Commission Shaving:</strong> 12% of valid sales cancelled</div>
384
- <div style="color:#cbd5e1; font-size:14px;">⚠️ <strong>Payment Delays:</strong> Average 45 days vs industry 30</div>
385
- </div>
386
-
387
- <a href="/register" class="btn btn-primary btn-lg">Analyze Your Networks →</a>
388
- </div>
389
- </section>
390
-
391
- <!-- QUICK START -->
392
- <section class="gs-section" style="background:white;" id="quickstart">
393
- <h2>Quick Start</h2>
394
- <p class="subtitle">Get started with the WAB Growth Suite in seconds.</p>
395
-
396
- <div class="gs-code">
397
- <span class="kw">const</span> { WABGrowthSuite } = <span class="fn">require</span>(<span class="st">'wab-growth-suite'</span>);<br><br>
398
- <span class="kw">const</span> wab = <span class="kw">new</span> <span class="fn">WABGrowthSuite</span>(<span class="st">'YOUR_WAB_API_KEY'</span>);<br><br>
399
- <span class="cm">// Scan a URL for threats</span><br>
400
- <span class="kw">const</span> result = <span class="kw">await</span> wab.<span class="fn">scan</span>(<span class="st">'https://suspicious-site.com'</span>);<br><br>
401
- <span class="cm">// Full domain audit (score + trust + security)</span><br>
402
- <span class="kw">const</span> audit = <span class="kw">await</span> wab.<span class="fn">auditDomain</span>(<span class="st">'amazon.com'</span>);<br><br>
403
- <span class="cm">// Wrap an AI Agent with safety</span><br>
404
- <span class="kw">const</span> safeAgent = wab.<span class="fn">wrapAgent</span>(myAIAgent, {<br>
405
- &nbsp;&nbsp;blockCritical: <span class="num">true</span>,<br>
406
- &nbsp;&nbsp;minFairness: <span class="num">60</span><br>
407
- });
408
- </div>
409
- </section>
410
-
411
- <!-- CTA -->
412
- <section class="gs-cta">
413
- <h2>Make the Web Safer, Fairer, Smarter</h2>
414
- <p>Start with the free tier — 100 scans/day, no credit card required.</p>
415
- <div>
416
- <a href="/register" class="gs-cta .btn btn-white" style="background:#fff; color:#0f172a; padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px;">Create Free Account</a>
417
- <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener" class="gs-cta .btn btn-outline" style="padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px; border:2px solid rgba(255,255,255,0.3); color:#fff; margin-left:12px;">⭐ Star on GitHub</a>
418
- </div>
419
- </section>
420
-
421
- <!-- FOOTER -->
422
- <footer class="footer">
423
- <div class="container">
424
- <div class="footer-grid">
425
- <div class="footer-brand">
426
- <a href="/" class="navbar-brand">
427
- <div class="brand-icon">⚡</div>
428
- <span>Web Agent Bridge</span>
429
- </a>
430
- <p style="color:var(--text-secondary); margin-top:12px; font-size:14px; line-height:1.6;">
431
- Open-source middleware for the Agentic Web.
432
- </p>
433
- </div>
434
- <div class="footer-links">
435
- <h4>Product</h4>
436
- <a href="/#features">Features</a>
437
- <a href="/#pricing">Pricing</a>
438
- <a href="/demo">Demo</a>
439
- <a href="/docs">Documentation</a>
440
- </div>
441
- <div class="footer-links">
442
- <h4>Growth Suite</h4>
443
- <a href="/growth#modules">All Modules</a>
444
- <a href="/growth#quickstart">Quick Start</a>
445
- <a href="/workspace">Get API Key</a>
446
- </div>
447
- <div class="footer-links">
448
- <h4>Community</h4>
449
- <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a>
450
- <a href="/CONTRIBUTING.md">Contribute</a>
451
- <a href="/terms">Terms</a>
452
- <a href="/privacy">Privacy</a>
453
- </div>
454
- </div>
455
- <div class="footer-bottom">
456
- <p>&copy; 2026 Web Agent Bridge — Open Source (MIT)</p>
457
- </div>
458
- </div>
459
- </footer>
460
-
461
- <script src="/js/auth-nav.js?v=3.0.1"></script>
462
- </body>
463
- </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>WAB Growth Suite — 8 Modules to Protect & Power the Web</title>
7
+ <meta name="description" content="WAB Growth Suite: Widget protection, AI Safety Layer, WAB Score, Trust Protocol, Bounty Network, Data Marketplace, Email Protection, and Affiliate Intelligence.">
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,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
+ <style>
15
+ .gs-hero { padding: 100px 20px 60px; background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); color: #fff; text-align: center; }
16
+ .gs-hero h1 { font-size: 48px; font-weight: 900; margin-bottom: 16px; }
17
+ .gs-hero p { font-size: 20px; color: #94a3b8; max-width: 640px; margin: 0 auto 32px; line-height: 1.6; }
18
+ .gs-hero .badge { display: inline-block; background: rgba(59,130,246,0.15); color: #60a5fa; padding: 6px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 24px; }
19
+
20
+ .gs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
21
+ .gs-section { padding: 80px 20px; }
22
+ .gs-section h2 { font-size: 36px; font-weight: 800; color: #0f172a; margin-bottom: 16px; text-align: center; }
23
+ .gs-section .subtitle { font-size: 18px; color: #64748b; text-align: center; max-width: 700px; margin: 0 auto 48px; line-height: 1.6; }
24
+
25
+ .gs-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; transition: transform 0.2s, box-shadow 0.2s; }
26
+ .gs-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
27
+ .gs-card .icon { font-size: 40px; margin-bottom: 16px; }
28
+ .gs-card h3 { font-size: 20px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
29
+ .gs-card p { font-size: 14px; color: #64748b; line-height: 1.6; margin-bottom: 16px; }
30
+ .gs-card .tag { display: inline-block; background: #f1f5f9; color: #475569; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; }
31
+
32
+ .gs-dark { background: #0f172a; color: #fff; }
33
+ .gs-dark h2 { color: #fff; }
34
+ .gs-dark .subtitle { color: #94a3b8; }
35
+
36
+ .gs-code { background: #0f172a; color: #e2e8f0; padding: 24px; border-radius: 12px; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; overflow-x: auto; max-width: 700px; margin: 0 auto; }
37
+ .gs-code .kw { color: #c678dd; }
38
+ .gs-code .fn { color: #61afef; }
39
+ .gs-code .st { color: #98c379; }
40
+ .gs-code .cm { color: #5c6370; }
41
+ .gs-code .num { color: #d19a66; }
42
+
43
+ .gs-score-badge { display: inline-flex; align-items: center; gap: 12px; border: 2px solid; border-radius: 12px; padding: 16px 24px; background: #fff; }
44
+ .gs-score-grade { font-size: 32px; font-weight: 900; line-height: 1; }
45
+
46
+ .gs-cta { text-align: center; padding: 80px 20px; background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; }
47
+ .gs-cta h2 { font-size: 36px; font-weight: 800; margin-bottom: 16px; color: #fff; }
48
+ .gs-cta p { font-size: 18px; color: rgba(255,255,255,0.8); margin-bottom: 32px; }
49
+ .gs-cta .btn { display: inline-block; padding: 14px 32px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 16px; }
50
+ .gs-cta .btn-white { background: #fff; color: #0f172a; }
51
+ .gs-cta .btn-outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.3); margin-left: 12px; }
52
+
53
+ .gs-detail { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
54
+ .gs-detail.reverse { direction: rtl; }
55
+ .gs-detail.reverse > * { direction: ltr; }
56
+ @media (max-width: 768px) {
57
+ .gs-detail, .gs-detail.reverse { grid-template-columns: 1fr; }
58
+ .gs-hero h1 { font-size: 32px; }
59
+ .gs-section h2 { font-size: 28px; }
60
+ }
61
+
62
+ .gs-mockup { background: #1e293b; border: 1px solid #334155; border-radius: 16px; padding: 24px; color: #e2e8f0; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 1.7; }
63
+ .gs-feature-list { list-style: none; padding: 0; }
64
+ .gs-feature-list li { padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 15px; color: #334155; }
65
+ .gs-feature-list li:last-child { border-bottom: none; }
66
+
67
+ .gs-stats { display: flex; justify-content: center; gap: 48px; flex-wrap: wrap; margin-bottom: 48px; }
68
+ .gs-stat { text-align: center; }
69
+ .gs-stat .num { font-size: 48px; font-weight: 900; color: #3b82f6; line-height: 1; }
70
+ .gs-stat .label { font-size: 14px; color: #64748b; margin-top: 4px; }
71
+ </style>
72
+ </head>
73
+ <body>
74
+
75
+ <!-- NAVBAR -->
76
+ <nav class="navbar" id="navbar">
77
+ <div class="container">
78
+ <a href="/" class="navbar-brand">
79
+ <div class="brand-icon">⚡</div>
80
+ <span>WAB</span>
81
+ </a>
82
+ <ul class="navbar-links">
83
+ <li><a href="/#features">Features</a></li>
84
+ <li><a href="#modules">Modules</a></li>
85
+ <li><a href="#quickstart">Quick Start</a></li>
86
+ <li><a href="/docs">Docs</a></li>
87
+ <li><a href="/demo">Demo</a></li>
88
+ </ul>
89
+ <div class="navbar-actions">
90
+ <a href="/login" class="btn btn-ghost" data-wab-auth="guest">Sign In</a>
91
+ <a href="/dashboard" class="btn btn-ghost" data-wab-auth="signed-in" style="display:none">Dashboard</a>
92
+ <a href="/register" class="btn btn-primary btn-sm" data-wab-auth="guest">Get Started</a>
93
+ </div>
94
+ <button class="mobile-menu-btn" >☰</button>
95
+ </div>
96
+ </nav>
97
+
98
+ <!-- HERO -->
99
+ <section class="gs-hero">
100
+ <div class="badge">WAB Growth Suite v2.5</div>
101
+ <h1>8 Modules to Protect &<br>Power the Web</h1>
102
+ <p>Production-ready growth modules designed to spread safety, fairness, and intelligence across the web, AI ecosystems, and developer tools.</p>
103
+ <div style="display:flex; gap:16px; justify-content:center; flex-wrap:wrap;">
104
+ <a href="#modules" class="btn btn-primary btn-lg">Explore Modules</a>
105
+ <a href="#quickstart" class="btn btn-secondary btn-lg">Quick Start</a>
106
+ </div>
107
+ </section>
108
+
109
+ <!-- STATS -->
110
+ <section class="gs-section" style="padding-bottom:0;">
111
+ <div class="gs-stats">
112
+ <div class="gs-stat"><div class="num">8</div><div class="label">Growth Modules</div></div>
113
+ <div class="gs-stat"><div class="num">47</div><div class="label">Threat Databases</div></div>
114
+ <div class="gs-stat"><div class="num">15</div><div class="label">Fairness Signals</div></div>
115
+ <div class="gs-stat"><div class="num">500+</div><div class="label">Platforms Scored</div></div>
116
+ </div>
117
+ </section>
118
+
119
+ <!-- ALL 8 MODULES -->
120
+ <section class="gs-section" id="modules">
121
+ <h2>Growth Modules</h2>
122
+ <p class="subtitle">Each module targets a different audience and use case — from individual bloggers to Fortune 500 AI companies.</p>
123
+
124
+ <div class="gs-grid">
125
+ <!-- 1. WAB Widget -->
126
+ <div class="gs-card">
127
+ <div class="icon">🛡️</div>
128
+ <h3>WAB Widget</h3>
129
+ <p>Drop-in link protection for any website. One line of code adds a security shield next to every external link, blocking phishing and scam sites in real-time.</p>
130
+ <span class="tag">Website Owners</span> <span class="tag">Bloggers</span>
131
+ </div>
132
+
133
+ <!-- 2. AI Safety Layer -->
134
+ <div class="gs-card">
135
+ <div class="icon">🤖</div>
136
+ <h3>AI Safety Layer</h3>
137
+ <p>Mandatory security layer for AI agents browsing the web. Compatible with OpenAI Operator, Anthropic Computer Use, and all major AI agent frameworks.</p>
138
+ <span class="tag">AI Companies</span> <span class="tag">Developers</span>
139
+ </div>
140
+
141
+ <!-- 3. WAB Score -->
142
+ <div class="gs-card">
143
+ <div class="icon">📊</div>
144
+ <h3>WAB Score</h3>
145
+ <p>Credit rating system for digital platforms. Scores are based on 15 fairness signals + security analysis — like a credit score for websites.</p>
146
+ <span class="tag">Consumers</span> <span class="tag">Media</span>
147
+ </div>
148
+
149
+ <!-- 4. Trust Layer Protocol -->
150
+ <div class="gs-card">
151
+ <div class="icon">🔐</div>
152
+ <h3>Trust Layer Protocol</h3>
153
+ <p>Open <code>wab.json</code> protocol — like HTTPS for trust. Websites publish a trust manifest that can be verified by any agent or browser.</p>
154
+ <span class="tag">E-commerce</span> <span class="tag">Platforms</span>
155
+ </div>
156
+
157
+ <!-- 5. Bounty Network -->
158
+ <div class="gs-card">
159
+ <div class="icon">💰</div>
160
+ <h3>Bounty Network</h3>
161
+ <p>Crowdsourced scam detection. Users earn credits for reporting phishing sites, malware, and fraud — before automated systems catch them.</p>
162
+ <span class="tag">General Public</span> <span class="tag">Researchers</span>
163
+ </div>
164
+
165
+ <!-- 6. Data Marketplace -->
166
+ <div class="gs-card">
167
+ <div class="icon">🗄️</div>
168
+ <h3>Data Marketplace</h3>
169
+ <p>Buy and sell curated threat intelligence datasets. Real-time phishing feeds, platform fairness data, and affiliate intelligence for AI training.</p>
170
+ <span class="tag">Security Firms</span> <span class="tag">AI Companies</span>
171
+ </div>
172
+
173
+ <!-- 7. Email Protection -->
174
+ <div class="gs-card">
175
+ <div class="icon">📧</div>
176
+ <h3>Email Protection</h3>
177
+ <p>Gmail &amp; Outlook phishing protection. Scans every link and sender in your inbox — 94% of breaches start with a phishing email.</p>
178
+ <span class="tag">All Users</span> <span class="tag">Enterprise</span>
179
+ </div>
180
+
181
+ <!-- 8. Affiliate Intelligence -->
182
+ <div class="gs-card">
183
+ <div class="icon">📈</div>
184
+ <h3>Affiliate Intelligence</h3>
185
+ <p>Protect affiliate marketers from fraud. Detects cookie stuffing, commission shaving, and payment delays across all major networks.</p>
186
+ <span class="tag">Marketers</span> <span class="tag">Affiliates</span>
187
+ </div>
188
+ </div>
189
+ </section>
190
+
191
+ <!-- DETAIL: WAB Widget -->
192
+ <section class="gs-section" style="background:#f8fafc;">
193
+ <div class="gs-detail">
194
+ <div>
195
+ <h2 style="text-align:left; font-size:28px;">One Line of Code. Full Link Protection.</h2>
196
+ <p style="color:#64748b; line-height:1.6; margin-bottom:24px;">Add the WAB Widget to any website and every external link gets scanned against 47 threat databases. Safe links get a green shield, suspicious ones get warnings, and phishing sites get blocked.</p>
197
+ <ul class="gs-feature-list">
198
+ <li>✅ Zero configuration — just add the script tag</li>
199
+ <li>✅ Badge, tooltip, or full blocking mode</li>
200
+ <li>✅ Cached results — no performance impact</li>
201
+ <li>✅ Works with any CMS or framework</li>
202
+ </ul>
203
+ </div>
204
+ <div class="gs-code">
205
+ <span class="cm">&lt;!-- Add WAB Widget to your site --&gt;</span><br>
206
+ <span class="kw">&lt;script</span> <span class="fn">src</span>=<span class="st">"https://webagentbridge.com/script/ai-agent-bridge.js"</span><br>
207
+ &nbsp;&nbsp;&nbsp;&nbsp;<span class="fn">data-wab-key</span>=<span class="st">"YOUR_API_KEY"</span><span class="kw">&gt;&lt;/script&gt;</span>
208
+ </div>
209
+ </div>
210
+ </section>
211
+
212
+ <!-- DETAIL: AI Safety Layer -->
213
+ <section class="gs-section gs-dark">
214
+ <div class="gs-detail reverse">
215
+ <div>
216
+ <div style="color:#3b82f6; font-weight:700; margin-bottom:8px; letter-spacing:1px; font-size:12px;">FOR AI COMPANIES</div>
217
+ <h2 style="text-align:left; font-size:28px; color:#fff;">Mandatory Safety for AI Agents</h2>
218
+ <p style="color:#94a3b8; line-height:1.6; margin-bottom:24px;">Building an AI agent that browses the web? WAB Safety Layer wraps any agent with automatic threat scanning and fairness checks. Compatible with OpenAI Operator &amp; Anthropic Computer Use.</p>
219
+ <ul class="gs-feature-list" style="border-color:#334155;">
220
+ <li style="color:#cbd5e1; border-color:#334155;">✅ Compatible with OpenAI Operator & Anthropic</li>
221
+ <li style="color:#cbd5e1; border-color:#334155;">✅ Blocks fraudulent financial transactions</li>
222
+ <li style="color:#cbd5e1; border-color:#334155;">✅ Lifts legal liability from your company</li>
223
+ </ul>
224
+ </div>
225
+ <div class="gs-mockup">
226
+ <span style="color:#c678dd">import</span> { WABAgentWrapper } <span style="color:#c678dd">from</span> <span style="color:#98c379">'@wab/sdk'</span>;<br><br>
227
+ <span style="color:#5c6370">// Wrap your AI Agent with WAB Safety</span><br>
228
+ <span style="color:#c678dd">const</span> safeAgent = <span style="color:#c678dd">new</span> <span style="color:#61afef">WABAgentWrapper</span>(myAgent, {<br>
229
+ &nbsp;&nbsp;<span style="color:#d19a66">blockCritical</span>: <span style="color:#d19a66">true</span>,<br>
230
+ &nbsp;&nbsp;<span style="color:#d19a66">minFairness</span>: <span style="color:#d19a66">60</span>,<br>
231
+ });<br><br>
232
+ <span style="color:#5c6370">// WAB blocks scam sites automatically</span><br>
233
+ <span style="color:#c678dd">await</span> safeAgent.<span style="color:#61afef">browse</span>(<span style="color:#98c379">'https://scam-site.xyz'</span>);<br>
234
+ <span style="color:#e06c75">→ WABBlockedError: Phishing detected</span>
235
+ </div>
236
+ </div>
237
+ </section>
238
+
239
+ <!-- DETAIL: WAB Score -->
240
+ <section class="gs-section" style="background:white;">
241
+ <div style="max-width:800px; margin:0 auto; text-align:center;">
242
+ <h2>The Digital World's Credit Rating</h2>
243
+ <p class="subtitle">Like credit agencies rate banks, WAB Score rates digital platforms. Search for any platform and get a transparency score based on 15 fairness signals.</p>
244
+
245
+ <div style="display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-bottom:40px;">
246
+ <!-- Amazon -->
247
+ <div class="gs-score-badge" style="border-color:#22c55e;">
248
+ <div class="gs-score-grade" style="color:#22c55e;">A-</div>
249
+ <div style="text-align:left;">
250
+ <div style="font-weight:700; color:#1e293b;">Very Good</div>
251
+ <div style="font-size:12px; color:#64748b;">86/100 · amazon.com</div>
252
+ </div>
253
+ </div>
254
+ <!-- AliExpress -->
255
+ <div class="gs-score-badge" style="border-color:#f59e0b;">
256
+ <div class="gs-score-grade" style="color:#f59e0b;">C+</div>
257
+ <div style="text-align:left;">
258
+ <div style="font-weight:700; color:#1e293b;">Below Average</div>
259
+ <div style="font-size:12px; color:#64748b;">68/100 · aliexpress.com</div>
260
+ </div>
261
+ </div>
262
+ </div>
263
+
264
+ <form action="/score" method="GET" style="display:flex; max-width:500px; margin:0 auto; gap:8px;">
265
+ <input type="text" name="domain" placeholder="Enter platform domain (e.g. shein.com)" style="flex:1; padding:12px 16px; border:1px solid #e2e8f0; border-radius:8px; font-size:15px;">
266
+ <button type="submit" style="background:#0f172a; color:white; border:none; padding:12px 24px; border-radius:8px; font-weight:700; cursor:pointer;">Check Score</button>
267
+ </form>
268
+ </div>
269
+ </section>
270
+
271
+ <!-- DETAIL: Trust Protocol -->
272
+ <section class="gs-section" style="background:#f1f5f9;">
273
+ <div class="gs-detail">
274
+ <div>
275
+ <h2 style="text-align:left; font-size:28px;">The Open Trust Protocol</h2>
276
+ <p style="color:#475569; line-height:1.6; margin-bottom:20px;">Prove to your customers that your store is fair and safe. Add a <code>wab.json</code> file to your site and print a verified trust badge — like the SSL padlock for platform fairness.</p>
277
+ <a href="/docs" style="color:#3b82f6; font-weight:600; text-decoration:none;">Learn how to get certified →</a>
278
+ </div>
279
+ <div style="background:white; padding:20px; border-radius:12px; border:1px solid #e2e8f0;">
280
+ <div style="font-family:'JetBrains Mono',monospace; font-size:12px; color:#334155;">
281
+ <span style="color:#94a3b8">// /.well-known/wab.json</span><br>
282
+ {<br>
283
+ &nbsp;&nbsp;"wab_certified": <span style="color:#22c55e">true</span>,<br>
284
+ &nbsp;&nbsp;"fairness_score": <span style="color:#3b82f6">92</span>,<br>
285
+ &nbsp;&nbsp;"last_audit": <span style="color:#a3e635">"2026-04-01"</span><br>
286
+ }
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </section>
291
+
292
+ <!-- DETAIL: Bounty Network -->
293
+ <section class="gs-section gs-dark" style="text-align:center;">
294
+ <div style="max-width:700px; margin:0 auto;">
295
+ <div style="font-size:48px; margin-bottom:16px;">💰</div>
296
+ <h2 style="color:#fff;">Earn Money by Discovering Fraud</h2>
297
+ <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;">Join the <strong>WAB Bounty Network</strong> and report phishing sites, scams, and malware that automated systems haven't caught yet. Earn credits redeemable for cash or subscriptions.</p>
298
+
299
+ <div style="display:flex; justify-content:center; gap:24px; margin-bottom:32px; flex-wrap:wrap;">
300
+ <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
301
+ <div style="font-size:24px; font-weight:700; color:#ef4444;">50 Credits</div>
302
+ <div style="font-size:13px; color:#94a3b8;">Critical Threats</div>
303
+ </div>
304
+ <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
305
+ <div style="font-size:24px; font-weight:700; color:#f59e0b;">25 Credits</div>
306
+ <div style="font-size:13px; color:#94a3b8;">Confirmed Scams</div>
307
+ </div>
308
+ <div style="background:#1e293b; padding:16px 24px; border-radius:8px;">
309
+ <div style="font-size:24px; font-weight:700; color:#3b82f6;">10 Credits</div>
310
+ <div style="font-size:13px; color:#94a3b8;">Suspicious Sites</div>
311
+ </div>
312
+ </div>
313
+
314
+ <a href="/register" class="btn btn-primary btn-lg">Start Earning →</a>
315
+ </div>
316
+ </section>
317
+
318
+ <!-- DETAIL: Data Marketplace -->
319
+ <section class="gs-section" style="background:white;">
320
+ <div style="max-width:1000px; margin:0 auto; text-align:center;">
321
+ <h2>Threat Intelligence for AI &amp; Security</h2>
322
+ <p class="subtitle"><strong>WAB Data Marketplace</strong> provides curated datasets for cybersecurity companies and AI model training — real-time threat feeds, fairness data, and more.</p>
323
+
324
+ <div class="gs-grid" style="grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));">
325
+ <div class="gs-card">
326
+ <h3>Threat Intelligence Feed</h3>
327
+ <p>Real-time phishing, malware, and scam URL data from 47 databases. Updated continuously.</p>
328
+ <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
329
+ </div>
330
+ <div class="gs-card">
331
+ <h3>Platform Fairness Data</h3>
332
+ <p>Quarterly transparency scores for 500+ marketplaces — hidden fees, return policies, dark patterns, and more.</p>
333
+ <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
334
+ </div>
335
+ <div class="gs-card">
336
+ <h3>Affiliate Intelligence</h3>
337
+ <p>Commission benchmarks, fraud pattern datasets, and network reliability scores across all major affiliate platforms.</p>
338
+ <a href="/workspace" style="color:#3b82f6; font-weight:600; text-decoration:none;">Explore Data →</a>
339
+ </div>
340
+ </div>
341
+ </div>
342
+ </section>
343
+
344
+ <!-- DETAIL: Email Protection -->
345
+ <section class="gs-section" style="background:#f8fafc;">
346
+ <div class="gs-detail">
347
+ <div>
348
+ <h3 style="font-size:28px; color:#0f172a; margin-bottom:16px;">Email Protection</h3>
349
+ <p style="color:#475569; font-size:16px; line-height:1.6; margin-bottom:24px;">94% of cyber breaches start with a phishing email. Install the WAB extension and every link and sender in your inbox gets scanned automatically.</p>
350
+ <div style="display:flex; gap:12px;">
351
+ <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🌐 Chrome Extension</a>
352
+ <a href="/downloads" style="background:#fff; border:1px solid #cbd5e1; padding:10px 20px; border-radius:8px; text-decoration:none; color:#1e293b; font-weight:600; font-size:14px; display:flex; align-items:center; gap:8px;">🦊 Firefox Add-on</a>
353
+ </div>
354
+ </div>
355
+ <div style="background:white; padding:16px; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.06);">
356
+ <div style="background:#fef2f2; border-left:4px solid #ef4444; padding:12px 16px; border-radius:4px; margin-bottom:16px;">
357
+ <strong style="color:#991b1b; font-size:13px;">🚫 WAB Security Alert:</strong>
358
+ <span style="font-size:13px; color:#991b1b;"> This email contains a dangerous link</span>
359
+ <div style="color:#b91c1c; font-size:12px; margin-top:4px;">PHISHING DETECTED — paypa1-secure-login.xyz scored 95/100 risk</div>
360
+ </div>
361
+ <div style="height:12px; background:#f1f5f9; width:60%; margin-bottom:8px; border-radius:4px;"></div>
362
+ <div style="height:12px; background:#f1f5f9; width:80%; margin-bottom:8px; border-radius:4px;"></div>
363
+ <div style="height:12px; background:#f1f5f9; width:40%; border-radius:4px;"></div>
364
+ </div>
365
+ </div>
366
+ </section>
367
+
368
+ <!-- DETAIL: Affiliate Intelligence -->
369
+ <section class="gs-section gs-dark">
370
+ <div style="max-width:800px; margin:0 auto; text-align:center;">
371
+ <h2 style="color:#fff;">Are Affiliate Networks Stealing Your Commissions?</h2>
372
+ <p style="font-size:18px; color:#94a3b8; margin-bottom:32px; line-height:1.6;"><strong>WAB Affiliate Intelligence</strong> analyzes your affiliate data and compares it with industry benchmarks to detect commission shaving, cookie stuffing, and payment fraud.</p>
373
+
374
+ <div class="gs-mockup" style="text-align:left; margin-bottom:32px;">
375
+ <div style="display:flex; justify-content:space-between; border-bottom:1px solid #334155; padding-bottom:12px; margin-bottom:12px;">
376
+ <div>
377
+ <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Network</div>
378
+ <div style="font-weight:700; font-size:16px;">ClickBank</div>
379
+ </div>
380
+ <div style="text-align:right;">
381
+ <div style="color:#94a3b8; font-size:12px; margin-bottom:4px;">Fraud Risk</div>
382
+ <div style="font-weight:700; font-size:16px; color:#f59e0b;">MEDIUM</div>
383
+ </div>
384
+ </div>
385
+ <div style="color:#cbd5e1; font-size:14px; margin-bottom:8px;">⚠️ <strong>Commission Shaving:</strong> 12% of valid sales cancelled</div>
386
+ <div style="color:#cbd5e1; font-size:14px;">⚠️ <strong>Payment Delays:</strong> Average 45 days vs industry 30</div>
387
+ </div>
388
+
389
+ <a href="/register" class="btn btn-primary btn-lg">Analyze Your Networks →</a>
390
+ </div>
391
+ </section>
392
+
393
+ <!-- QUICK START -->
394
+ <section class="gs-section" style="background:white;" id="quickstart">
395
+ <h2>Quick Start</h2>
396
+ <p class="subtitle">Get started with the WAB Growth Suite in seconds.</p>
397
+
398
+ <div class="gs-code">
399
+ <span class="kw">const</span> { WABGrowthSuite } = <span class="fn">require</span>(<span class="st">'wab-growth-suite'</span>);<br><br>
400
+ <span class="kw">const</span> wab = <span class="kw">new</span> <span class="fn">WABGrowthSuite</span>(<span class="st">'YOUR_WAB_API_KEY'</span>);<br><br>
401
+ <span class="cm">// Scan a URL for threats</span><br>
402
+ <span class="kw">const</span> result = <span class="kw">await</span> wab.<span class="fn">scan</span>(<span class="st">'https://suspicious-site.com'</span>);<br><br>
403
+ <span class="cm">// Full domain audit (score + trust + security)</span><br>
404
+ <span class="kw">const</span> audit = <span class="kw">await</span> wab.<span class="fn">auditDomain</span>(<span class="st">'amazon.com'</span>);<br><br>
405
+ <span class="cm">// Wrap an AI Agent with safety</span><br>
406
+ <span class="kw">const</span> safeAgent = wab.<span class="fn">wrapAgent</span>(myAIAgent, {<br>
407
+ &nbsp;&nbsp;blockCritical: <span class="num">true</span>,<br>
408
+ &nbsp;&nbsp;minFairness: <span class="num">60</span><br>
409
+ });
410
+ </div>
411
+ </section>
412
+
413
+ <!-- CTA -->
414
+ <section class="gs-cta">
415
+ <h2>Make the Web Safer, Fairer, Smarter</h2>
416
+ <p>Start with the free tier — 100 scans/day, no credit card required.</p>
417
+ <div>
418
+ <a href="/register" class="gs-cta .btn btn-white" style="background:#fff; color:#0f172a; padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px;">Create Free Account</a>
419
+ <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener" class="gs-cta .btn btn-outline" style="padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:16px; border:2px solid rgba(255,255,255,0.3); color:#fff; margin-left:12px;">⭐ Star on GitHub</a>
420
+ </div>
421
+ </section>
422
+
423
+ <!-- FOOTER -->
424
+ <footer class="footer">
425
+ <div class="container">
426
+ <div class="footer-grid">
427
+ <div class="footer-brand">
428
+ <a href="/" class="navbar-brand">
429
+ <div class="brand-icon">⚡</div>
430
+ <span>Web Agent Bridge</span>
431
+ </a>
432
+ <p style="color:var(--text-secondary); margin-top:12px; font-size:14px; line-height:1.6;">
433
+ Open-source middleware for the Agentic Web.
434
+ </p>
435
+ </div>
436
+ <div class="footer-links">
437
+ <h4>Product</h4>
438
+ <a href="/#features">Features</a>
439
+ <a href="/#pricing">Pricing</a>
440
+ <a href="/demo">Demo</a>
441
+ <a href="/docs">Documentation</a>
442
+ </div>
443
+ <div class="footer-links">
444
+ <h4>Growth Suite</h4>
445
+ <a href="/growth#modules">All Modules</a>
446
+ <a href="/growth#quickstart">Quick Start</a>
447
+ <a href="/workspace">Get API Key</a>
448
+ </div>
449
+ <div class="footer-links">
450
+ <h4>Community</h4>
451
+ <a href="https://github.com/abokenan444/web-agent-bridge" target="_blank" rel="noopener">GitHub</a>
452
+ <a href="/CONTRIBUTING.md">Contribute</a>
453
+ <a href="/terms">Terms</a>
454
+ <a href="/privacy">Privacy</a>
455
+ </div>
456
+ </div>
457
+ <div class="footer-bottom">
458
+ <p>&copy; 2026 Web Agent Bridge — Open Source (MIT)</p>
459
+ </div>
460
+ </div>
461
+ </footer>
462
+
463
+ <script src="/js/auth-nav.js?v=3.0.1"></script>
464
+ </body>
465
+ </html>