Diff -- /var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/webstls_features.html
Diff

/var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/webstls_features.html

added on local at 2026-07-01 13:48:03

Added
+160
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to d5ad8b526d74
Restore this content →
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.
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"><span>AS</span></div>
5 <div class="brand-text"><span class="brand-name">AffSoft</span><span class="brand-sub">Affiliate platform</span></div>
6 </a>
7 <nav class="links">
8 <a href="features.cgi" class="text-brand">Features</a>
9 <a href="tour.cgi">Tour</a>
10 <a href="why.cgi">Why AffSoft</a>
11 <a href="pricing.cgi">Pricing</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:40px">
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> One console &middot; every channel</span>
29 <h1 class="hero-title">Every tool you need to <span class="grad">run a affiliate program.</span></h1>
30 <p class="hero-sub" style="max-width:680px;margin:18px auto 0">
31 Storefront, marketplaces, audience, analytics, experiments, billing &mdash; all in one place,
32 all designed for creators who treat this like a business.
33 </p>
34 </div>
35 </div>
36</section>
37
38<!-- Feature blocks -->
39<section class="section" style="max-width:1100px;margin:0 auto;padding:0 32px 40px">
40 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px">
41
42 <div class="card card-elevated" style="padding:24px">
43 <div style="width:44px;height:44px;border-radius:11px;background:rgba(59,130,246,0.18);color:#60a5fa;display:grid;place-items:center;margin-bottom:14px">
44 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m3 9 1-5h16l1 5"/><path d="M5 9v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9"/><path d="M9 21V13h6v8"/></svg>
45 </div>
46 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Hosted storefront</h3>
47 <p class="text-sm text-secondary" style="line-height:1.65">Drag-and-drop page builder, 35+ themes, custom domain + SSL, branded checkout. Your store, your URL, your customer relationship.</p>
48 </div>
49
50 <div class="card card-elevated" style="padding:24px">
51 <div style="width:44px;height:44px;border-radius:11px;background:rgba(124,58,237,0.18);color:#a78bfa;display:grid;place-items:center;margin-bottom:14px">
52 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2 11 13"/><path d="m22 2-7 20-4-9-9-4 20-7Z"/></svg>
53 </div>
54 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Cross-platform publishing</h3>
55 <p class="text-sm text-secondary" style="line-height:1.65">One upload, every marketplace. Push to Cults3D, MyMiniFactory, Patreon, Gumroad, Payhip with the same title, price, and images. Re-sync on edit.</p>
56 </div>
57
58 <div class="card card-elevated" style="padding:24px">
59 <div style="width:44px;height:44px;border-radius:11px;background:rgba(34,197,94,0.18);color:#4ade80;display:grid;place-items:center;margin-bottom:14px">
60 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
61 </div>
62 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">A/B, MVT &amp; price experiments</h3>
63 <p class="text-sm text-secondary" style="line-height:1.65">A/B test whole pages with one-click page duplication. Run MVT block tests with named slots on a single page. Swap layouts and themes by variant. Plus price-bandit experiments that find the revenue-per-visitor peak &mdash; all with Bayesian stats, not guesses.</p>
64 </div>
65
66 <div class="card card-elevated" style="padding:24px">
67 <div style="width:44px;height:44px;border-radius:11px;background:rgba(6,182,212,0.18);color:#22d3ee;display:grid;place-items:center;margin-bottom:14px">
68 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><path d="m7 14 4-4 4 4 5-5"/></svg>
69 </div>
70 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Unified analytics</h3>
71 <p class="text-sm text-secondary" style="line-height:1.65">Revenue, conversion, top buyers, channel mix &mdash; merged across every storefront and marketplace. One number for &ldquo;how is the business doing this week.&rdquo;</p>
72 </div>
73
74 <div class="card card-elevated" style="padding:24px">
75 <div style="width:44px;height:44px;border-radius:11px;background:rgba(245,158,11,0.18);color:#fbbf24;display:grid;place-items:center;margin-bottom:14px">
76 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z"/></svg>
77 </div>
78 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Cross-platform inbox</h3>
79 <p class="text-sm text-secondary" style="line-height:1.65">Every comment, review, and DM from every marketplace in one inbox. Reply once &mdash; we post it back to the source platform under your handle.</p>
80 </div>
81
82 <div class="card card-elevated" style="padding:24px">
83 <div style="width:44px;height:44px;border-radius:11px;background:rgba(236,72,153,0.18);color:#f472b6;display:grid;place-items:center;margin-bottom:14px">
84 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg>
85 </div>
86 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Promotions &amp; bundles</h3>
87 <p class="text-sm text-secondary" style="line-height:1.65">Coupon codes, time-limited sales, bundle deals, shareable promo links. Cap by redemption count or time window. Built for actual marketing campaigns.</p>
88 </div>
89
90 <div class="card card-elevated" style="padding:24px">
91 <div style="width:44px;height:44px;border-radius:11px;background:rgba(168,85,247,0.18);color:#c084fc;display:grid;place-items:center;margin-bottom:14px">
92 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg>
93 </div>
94 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Audience &amp; CRM</h3>
95 <p class="text-sm text-secondary" style="line-height:1.65">Buyer accounts, email lists, lifetime-value tracking, repeat-buyer cohorts. The customer relationship lives with you, not the marketplace.</p>
96 </div>
97
98 <div class="card card-elevated" style="padding:24px">
99 <div style="width:44px;height:44px;border-radius:11px;background:rgba(239,68,68,0.18);color:#f87171;display:grid;place-items:center;margin-bottom:14px">
100 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
101 </div>
102 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Stripe Connect payouts</h3>
103 <p class="text-sm text-secondary" style="line-height:1.65">Daily transfers straight to your bank. You're the merchant of record. We never touch your money &mdash; Stripe holds it, you withdraw it.</p>
104 </div>
105
106 <div class="card card-elevated" style="padding:24px">
107 <div style="width:44px;height:44px;border-radius:11px;background:rgba(132,204,22,0.18);color:#a3e635;display:grid;place-items:center;margin-bottom:14px">
108 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg>
109 </div>
110 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Pooled-data recommendations</h3>
111 <p class="text-sm text-secondary" style="line-height:1.65">Anonymized peer benchmarks. &ldquo;Stores in your category see +12% conversion with 3+ product images.&rdquo; Your data is never shared &mdash; only percentile bands.</p>
112 </div>
113
114 <div class="card card-elevated" style="padding:24px">
115 <div style="width:44px;height:44px;border-radius:11px;background:rgba(14,165,233,0.18);color:#38bdf8;display:grid;place-items:center;margin-bottom:14px">
116 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
117 </div>
118 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">SEO &amp; social cards</h3>
119 <p class="text-sm text-secondary" style="line-height:1.65">Edit title, description, keywords, Open Graph + Twitter Card images for every storefront. Live SERP preview so you see exactly how Google renders it.</p>
120 </div>
121
122 <div class="card card-elevated" style="padding:24px">
123 <div style="width:44px;height:44px;border-radius:11px;background:rgba(250,204,21,0.18);color:#facc15;display:grid;place-items:center;margin-bottom:14px">
124 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="5" width="20" height="14" rx="2"/><line x1="2" y1="10" x2="22" y2="10"/></svg>
125 </div>
126 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">Credit-system billing</h3>
127 <p class="text-sm text-secondary" style="line-height:1.65">Refunds become account credit and auto-apply to your next invoice before charging your card. Cleaner books, faster resolution.</p>
128 </div>
129
130 <div class="card card-elevated" style="padding:24px">
131 <div style="width:44px;height:44px;border-radius:11px;background:rgba(99,102,241,0.18);color:#818cf8;display:grid;place-items:center;margin-bottom:14px">
132 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/><path d="m9 12 2 2 4-4"/></svg>
133 </div>
134 <h3 style="font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 8px">2FA, audit log, role gating</h3>
135 <p class="text-sm text-secondary" style="line-height:1.65">TOTP-based 2FA, full audit trail on every admin action, three-layer feature flags. SOC 2 in progress.</p>
136 </div>
137
138 </div>
139</section>
140
141<section class="section" style="text-align:center;padding:40px 32px 60px">
142 <h2 class="section-title" style="font-size:28px;margin-bottom:8px">See it on your own data</h2>
143 <p class="section-sub" style="margin-bottom:24px">14-day free trial. No card required for Free plan. Setup takes &lt;5 minutes.</p>
144 <a href="signup.cgi" class="btn btn-primary btn-lg">Start free trial</a>
145 &nbsp;
146 <a href="pricing.cgi" class="btn btn-secondary btn-lg">See pricing</a>
147</section>
148
149<footer class="site-foot">
150 <div class="foot-grid">
151 <div class="foot-col">
152 <div class="flex items-center gap-3 mb-2"><div class="brand-mark" style="width:32px;height:32px;font-size:15px">W<span style="color:#a78bfa">S</span></div><div class="brand-text"><span class="brand-name">AffSoft</span></div></div>
153 <p class="text-sm text-secondary" style="max-width:340px">The operating system for growth teams.</p>
154 </div>
155 <div class="foot-col"><h5>Platform</h5><ul><li><a href="features.cgi">Features</a></li><li><a href="tour.cgi">Tour</a></li><li><a href="why.cgi">Why AffSoft</a></li><li><a href="pricing.cgi">Pricing</a></li><li><a href="faq.cgi">FAQ</a></li></ul></div>
156 <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>
157 <div class="foot-col"><h5>Legal &amp; Trust</h5><ul><li><a href="privacy.cgi">Privacy</a></li><li><a href="terms.cgi">Terms of Service</a></li></ul></div>
158 </div>
159 <div class="foot-bottom"><span>&copy; 2026 AffSoft All rights reserved.</span><span>Made for creators who treat this like a business.</span></div>
160</footer>
Keyboard: j next diff k previous diff g top G bottom r restore c compile-check ? help