added on local at 2026-07-01 16:01:58
| 1 | <header class="landing-nav"> | |
| 2 | <div class="landing-nav-inner"> | |
| 3 | <a href="index.cgi" class="flex items-center gap-3" style="text-decoration:none"> | |
| 4 | <div class="brand-mark">A<span style="color:#ffb347">B</span></div> | |
| 5 | <div class="brand-text"><span class="brand-name">ABForge</span><span class="brand-sub">Experimentation Platform</span></div> | |
| 6 | </a> | |
| 7 | <nav class="links"> | |
| 8 | <a href="features.cgi">Features</a> | |
| 9 | <a href="why.cgi" class="text-brand">Why ABForge</a> | |
| 10 | <a href="pricing.cgi">Pricing</a> | |
| 11 | <a href="docs.cgi">Docs</a> | |
| 12 | <a href="faq.cgi">FAQ</a> | |
| 13 | <a href="about.cgi">About</a> | |
| 14 | </nav> | |
| 15 | <div class="auth-actions"> | |
| 16 | <a href="login.cgi" class="btn btn-ghost btn-sm">Sign in</a> | |
| 17 | <a href="signup.cgi" class="btn btn-primary btn-sm">Start free trial</a> | |
| 18 | </div> | |
| 19 | </div> | |
| 20 | </header> | |
| 21 | ||
| 22 | <section class="hero" style="padding-bottom:30px"> | |
| 23 | <div class="hero-grid-bg"></div> | |
| 24 | <div class="hero-glow-1"></div> | |
| 25 | <div class="hero-glow-2"></div> | |
| 26 | <div class="hero-inner" style="grid-template-columns:1fr;text-align:center"> | |
| 27 | <div> | |
| 28 | <span class="hero-pill"><span class="dot"></span> Built for teams who treat experimentation seriously</span> | |
| 29 | <h1 class="hero-title">Stop stitching together <span class="grad">five vendors.</span></h1> | |
| 30 | <p class="hero-sub" style="max-width:680px;margin:18px auto 0"> | |
| 31 | Analytics in one tool. A/B in another. Heatmaps in a third. Funnels in a fourth. Each one has its own | |
| 32 | snippet, its own bill, and its own opinion about what a visitor is. <strong>ABForge is one snippet | |
| 33 | and one bill.</strong> | |
| 34 | </p> | |
| 35 | </div> | |
| 36 | </div> | |
| 37 | </section> | |
| 38 | ||
| 39 | <!-- ===== Pain table ===== --> | |
| 40 | <section class="section" style="max-width:1080px;margin:0 auto;padding:40px 32px"> | |
| 41 | <h2 class="section-title" style="font-size:30px;text-align:center;margin-bottom:8px">What changes when you run on ABForge</h2> | |
| 42 | <p class="section-sub" style="text-align:center;margin-bottom:32px">Honest comparison — not every problem disappears, but the ones that matter most do.</p> | |
| 43 | ||
| 44 | <div style="background:var(--col-surface-1);border:1px solid var(--col-border);border-radius:14px;overflow:hidden"> | |
| 45 | <table style="width:100%;border-collapse:collapse;font-size:14px"> | |
| 46 | <thead> | |
| 47 | <tr style="background:var(--col-surface-2)"> | |
| 48 | <th style="text-align:left;padding:14px 18px;color:var(--col-text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase">Pain</th> | |
| 49 | <th style="text-align:left;padding:14px 18px;color:var(--col-text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;width:38%">Stitched-together stack</th> | |
| 50 | <th style="text-align:left;padding:14px 18px;color:var(--col-accent-bright);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;width:38%">With ABForge</th> | |
| 51 | </tr> | |
| 52 | </thead> | |
| 53 | <tbody style="color:var(--col-text-2);line-height:1.55"> | |
| 54 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Number of snippets</td><td style="padding:14px 18px;vertical-align:top">3–5 tags. Tag manager required. Each one slows first paint.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">One async script. Median FCP impact under 4ms in our own tests.</td></tr> | |
| 55 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Cost at 1M pageviews/mo</td><td style="padding:14px 18px;vertical-align:top">Analytics tool $X + heatmap tool $Y + A/B tool $Z = $400–$1500/mo combined.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">One Growth plan at $99/mo. Everything included.</td></tr> | |
| 56 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Visitor identity</td><td style="padding:14px 18px;vertical-align:top">Each tool has its own visitor ID. Numbers never match. Funnel analysis impossible.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">One signed visitor cookie shared across analytics, A/B, heatmaps, funnels. Numbers reconcile.</td></tr> | |
| 57 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Statistical honesty</td><td style="padding:14px 18px;vertical-align:top">"Winner!" labels with no confidence interval. Peeking encouraged.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Two-proportion z-test, confidence interval, sample-size estimate. We tell you when to stop.</td></tr> | |
| 58 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Heatmaps on responsive sites</td><td style="padding:14px 18px;vertical-align:top">Pixel-anchored. All mobile clicks pile at the top-left. Useless.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">DOM-selector-anchored. Heatmaps render correctly at any viewport.</td></tr> | |
| 59 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Goal & funnel definition</td><td style="padding:14px 18px;vertical-align:top">Each tool has its own goal config. Update once, update everywhere.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Define once. Used by analytics, experiments, funnels, segments. One source of truth.</td></tr> | |
| 60 | <tr><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Data ownership</td><td style="padding:14px 18px;vertical-align:top">Spread across vendors. Export means stitching CSVs by hand.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">One MariaDB. One export. Self-host on your own box if you want.</td></tr> | |
| 61 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:14px 18px;color:var(--col-text);font-weight:600;vertical-align:top">Refund handling</td><td style="padding:14px 18px;vertical-align:top">Refund to card, 5–10 business days, reconcile in books.</td><td style="padding:14px 18px;vertical-align:top;color:var(--col-text)">Issued as account credit, auto-applied to next bill. Clean.</td></tr> | |
| 62 | </tbody> | |
| 63 | </table> | |
| 64 | </div> | |
| 65 | </section> | |
| 66 | ||
| 67 | <!-- ===== Benefit blocks ===== --> | |
| 68 | <section class="section" style="max-width:1080px;margin:0 auto;padding:40px 32px"> | |
| 69 | <h2 class="section-title" style="font-size:30px;text-align:center;margin-bottom:32px">What you actually get</h2> | |
| 70 | <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px"> | |
| 71 | ||
| 72 | <div class="card" style="padding:22px"> | |
| 73 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#4ade80;margin-bottom:8px">Money</div> | |
| 74 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">One bill, not five</h3> | |
| 75 | <p class="text-sm text-secondary" style="line-height:1.65">A typical stack of analytics + heatmaps + A/B + funnels runs $400–$1500/mo at 1M pageviews. ABForge Growth is $99/mo, all in. The Free plan covers everything you need to validate the idea.</p> | |
| 76 | </div> | |
| 77 | ||
| 78 | <div class="card" style="padding:22px"> | |
| 79 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#ffb347;margin-bottom:8px">Time</div> | |
| 80 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">One snippet, one console</h3> | |
| 81 | <p class="text-sm text-secondary" style="line-height:1.65">Install once, configure once, reconcile zero times. Every dashboard pulls from the same visitor cookie so the numbers actually match.</p> | |
| 82 | </div> | |
| 83 | ||
| 84 | <div class="card" style="padding:22px"> | |
| 85 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#a78bfa;margin-bottom:8px">Rigor</div> | |
| 86 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Honest statistics</h3> | |
| 87 | <p class="text-sm text-secondary" style="line-height:1.65">Confidence intervals, sample-size estimates, and significance tests are first-class. You see the math, not a "Winner" label. Sequential-testing protection is on by default.</p> | |
| 88 | </div> | |
| 89 | ||
| 90 | <div class="card" style="padding:22px"> | |
| 91 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#fbbf24;margin-bottom:8px">Speed</div> | |
| 92 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Zero flicker</h3> | |
| 93 | <p class="text-sm text-secondary" style="line-height:1.65">Variant swaps run synchronously before paint. Median FCP impact under 4ms. Your A/B test doesn't trash your Core Web Vitals.</p> | |
| 94 | </div> | |
| 95 | ||
| 96 | <div class="card" style="padding:22px"> | |
| 97 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#f472b6;margin-bottom:8px">Heatmaps that work</div> | |
| 98 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">DOM-anchored, not pixel-anchored</h3> | |
| 99 | <p class="text-sm text-secondary" style="line-height:1.65">Every click is recorded against a stable selector plus offset. Responsive layouts render correctly at any viewport — no more "all clicks pile at the top-left" garbage.</p> | |
| 100 | </div> | |
| 101 | ||
| 102 | <div class="card" style="padding:22px"> | |
| 103 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:#22d3ee;margin-bottom:8px">Trust</div> | |
| 104 | <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Your data stays yours</h3> | |
| 105 | <p class="text-sm text-secondary" style="line-height:1.65">One MariaDB. CSV + JSON export at any time. 90-day grace period if you cancel. Self-host on your own infrastructure on Enterprise — same code, your box.</p> | |
| 106 | </div> | |
| 107 | ||
| 108 | </div> | |
| 109 | </section> | |
| 110 | ||
| 111 | <!-- ===== Quote / vision ===== --> | |
| 112 | <section class="section" style="max-width:780px;margin:0 auto;padding:40px 32px;text-align:center"> | |
| 113 | <div style="font-family:var(--font-display);font-size:24px;color:#fff;line-height:1.5;font-style:italic"> | |
| 114 | “Experimentation isn't a feature you bolt on. It's how you ship. ABForge is the toolkit | |
| 115 | we built because no one else had bundled it into one snippet with the math out in the open.” | |
| 116 | </div> | |
| 117 | <div class="text-sm text-dim" style="margin-top:14px">— The ABForge team</div> | |
| 118 | </section> | |
| 119 | ||
| 120 | <section class="section" style="text-align:center;padding:40px 32px 60px"> | |
| 121 | <a href="signup.cgi" class="btn btn-primary btn-lg">Start free — no card required</a> | |
| 122 | | |
| 123 | <a href="features.cgi" class="btn btn-secondary btn-lg">See every feature</a> | |
| 124 | </section> | |
| 125 | ||
| 126 | <footer class="site-foot"> | |
| 127 | <div class="foot-grid"> | |
| 128 | <div class="foot-col"> | |
| 129 | <div class="flex items-center gap-3 mb-2"><div class="brand-mark" style="width:32px;height:32px;font-size:15px">A<span style="color:#ffb347">B</span></div><div class="brand-text"><span class="brand-name">ABForge</span></div></div> | |
| 130 | <p class="text-sm text-secondary" style="max-width:340px">A/B testing, MVT, heatmaps and analytics that drop into any site.</p> | |
| 131 | </div> | |
| 132 | <div class="foot-col"><h5>Platform</h5><ul><li><a href="features.cgi">Features</a></li><li><a href="why.cgi">Why ABForge</a></li><li><a href="pricing.cgi">Pricing</a></li><li><a href="docs.cgi">Docs</a></li><li><a href="faq.cgi">FAQ</a></li></ul></div> | |
| 133 | <div class="foot-col"><h5>Company</h5><ul><li><a href="about.cgi">About</a></li><li><a href="contact.cgi">Contact</a></li></ul></div> | |
| 134 | <div class="foot-col"><h5>Legal & Trust</h5><ul><li><a href="privacy.cgi">Privacy</a></li><li><a href="terms.cgi">Terms of Service</a></li></ul></div> | |
| 135 | </div> | |
| 136 | <div class="foot-bottom"><span>© 2026 ABForge, Inc. All rights reserved.</span><span>Made for teams who treat experimentation seriously.</span></div> | |
| 137 | </footer> |