Diff -- /var/www/vhosts/3dshawn.com/crm.3dshawn.com/TEMPLATES/cf_pricing.html
Diff
/var/www/vhosts/3dshawn.com/crm.3dshawn.com/TEMPLATES/cf_pricing.html
added on local at 2026-07-01 15:03:14
Added
+192
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to 33b970f03b10
to 33b970f03b10
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.| 1 | <!-- ===== Landing nav (shared on every marketing page) ===== --> | |
| 2 | <header class="landing-nav"> | |
| 3 | <div class="landing-nav-inner"> | |
| 4 | <a href="index.cgi" class="flex items-center gap-3" style="text-decoration:none"> | |
| 5 | <div class="brand-mark"><span style="color:#67e8f9">CF</span></div> | |
| 6 | <div class="brand-text"> | |
| 7 | <span class="brand-name">ContactForge</span> | |
| 8 | <span class="brand-sub">Customer Relationship Platform</span> | |
| 9 | </div> | |
| 10 | </a> | |
| 11 | <nav class="links"> | |
| 12 | <a href="features.cgi">Features</a> | |
| 13 | <a href="tour.cgi">Tour</a> | |
| 14 | <a href="why.cgi">Why ContactForge</a> | |
| 15 | <a href="pricing.cgi" class="text-brand">Pricing</a> | |
| 16 | <a href="faq.cgi">FAQ</a> | |
| 17 | <a href="about.cgi">About</a> | |
| 18 | </nav> | |
| 19 | <div class="auth-actions"> | |
| 20 | <a href="login.cgi" class="btn btn-ghost btn-sm">Sign in</a> | |
| 21 | <a href="signup.cgi" class="btn btn-primary btn-sm">Start free trial</a> | |
| 22 | </div> | |
| 23 | </div> | |
| 24 | </header> | |
| 25 | ||
| 26 | <!-- ===== Hero ===== --> | |
| 27 | <section class="hero" style="padding-bottom:40px"> | |
| 28 | <div class="hero-grid-bg"></div> | |
| 29 | <div class="hero-glow-1"></div> | |
| 30 | <div class="hero-glow-2"></div> | |
| 31 | <div class="hero-inner" style="grid-template-columns:1fr;text-align:center"> | |
| 32 | <div> | |
| 33 | <span class="hero-pill"><span class="dot"></span> Simple, transparent pricing</span> | |
| 34 | <h1 class="hero-title">Simple, <span class="grad">honest pricing.</span></h1> | |
| 35 | <p class="hero-sub" style="max-width:640px;margin:18px auto 0"> | |
| 36 | Every plan starts with a 14-day free trial — no credit card required. | |
| 37 | Two plans, no setup fees, transparent overage if you grow past Business. | |
| 38 | Connect your own SMTP provider for sends — your bill, your deliverability, your reputation. | |
| 39 | </p> | |
| 40 | </div> | |
| 41 | </div> | |
| 42 | </section> | |
| 43 | ||
| 44 | <!-- Active-promo banner. Surfaces the currently-running plan promo | |
| 45 | so prospects see the deal before they pick a tier. Hidden when | |
| 46 | no plan-target promo is active. --> | |
| 47 | [if:$has_promo] | |
| 48 | <section style="padding:0 32px 22px;max-width:1280px;margin:0 auto"> | |
| 49 | <div style="display:flex;align-items:center;gap:14px;justify-content:center;padding:14px 22px;border-radius:14px;background:linear-gradient(135deg,rgba(34,197,94,0.10),rgba(124,58,237,0.10));border:1px solid rgba(34,197,94,0.40);flex-wrap:wrap"> | |
| 50 | <span style="display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(34,197,94,0.18);color:#86efac;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase"> | |
| 51 | <svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg> | |
| 52 | Limited-time offer | |
| 53 | </span> | |
| 54 | <div style="color:#fff;font-size:15px;font-weight:600"> | |
| 55 | $promo_label on your first invoice with code | |
| 56 | <code style="background:rgba(255,255,255,0.10);padding:3px 9px;border-radius:6px;font-family:var(--font-mono,monospace);font-weight:700;letter-spacing:0.5px">$promo_code</code> | |
| 57 | </div> | |
| 58 | </div> | |
| 59 | </section> | |
| 60 | [/if] | |
| 61 | ||
| 62 | <!-- ===== Plan cards (DB-driven via admin_packages.cgi) ===== --> | |
| 63 | <section class="section" style="padding-top:0"> | |
| 64 | <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1280px;margin:0 auto;padding:0 32px"> | |
| 65 | ||
| 66 | [loop:@plans] | |
| 67 | ||
| 68 | [if:$loop1.not_featured] | |
| 69 | <div class="card card-elevated" style="padding:24px;display:flex;flex-direction:column"> | |
| 70 | <div class="text-xs text-dim" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700">[$loop1.display_name]</div> | |
| 71 | <div style="font-family:var(--font-display);font-size:38px;font-weight:700;color:#fff;margin:8px 0 2px">[$loop1.price_display][if:!$loop1.is_free] <span style="font-size:16px;color:var(--col-text-3);font-weight:500">/ [$loop1.period_label]</span>[/if]</div> | |
| 72 | [if:$loop1.has_annual_note]<div class="text-xs text-dim">[$loop1.annual_note]</div>[/if] | |
| 73 | [if:$loop1.has_tagline]<div class="text-xs text-dim" style="margin-top:6px;line-height:1.5">[$loop1.tagline]</div>[/if] | |
| 74 | [if:$loop1.promo_active]<div style="margin-top:10px;padding:8px 12px;border-radius:8px;background:rgba(34,197,94,0.10);border:1px solid rgba(34,197,94,0.30);color:#86efac;font-size:11.5px;line-height:1.5">[$loop1.promo_card_line]</div>[/if] | |
| 75 | <ul class="price-list" style="margin:18px 0;flex:1"> | |
| 76 | [$loop1.bullets_html] | |
| 77 | </ul> | |
| 78 | <a href="[$loop1.cta_href]" class="btn btn-secondary btn-lg" style="width:100%">[$loop1.cta_label]</a> | |
| 79 | </div> | |
| 80 | [/if] | |
| 81 | ||
| 82 | [if:$loop1.is_featured] | |
| 83 | <div class="card card-elevated" style="padding:24px;display:flex;flex-direction:column;border:2px solid var(--col-accent);position:relative"> | |
| 84 | <div style="position:absolute;top:-12px;left:24px;background:linear-gradient(130deg,#3b82f6,#7c3aed);color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase">Most popular</div> | |
| 85 | <div class="text-xs" style="letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--col-accent-bright)">[$loop1.display_name]</div> | |
| 86 | <div style="font-family:var(--font-display);font-size:38px;font-weight:700;color:#fff;margin:8px 0 2px">[$loop1.price_display][if:!$loop1.is_free] <span style="font-size:16px;color:var(--col-text-3);font-weight:500">/ [$loop1.period_label]</span>[/if]</div> | |
| 87 | [if:$loop1.has_annual_note]<div class="text-xs text-dim">[$loop1.annual_note]</div>[/if] | |
| 88 | [if:$loop1.has_tagline]<div class="text-xs text-dim" style="margin-top:6px;line-height:1.5">[$loop1.tagline]</div>[/if] | |
| 89 | [if:$loop1.promo_active]<div style="margin-top:10px;padding:8px 12px;border-radius:8px;background:rgba(34,197,94,0.10);border:1px solid rgba(34,197,94,0.30);color:#86efac;font-size:11.5px;line-height:1.5">[$loop1.promo_card_line]</div>[/if] | |
| 90 | <ul class="price-list" style="margin:18px 0;flex:1"> | |
| 91 | [$loop1.bullets_html] | |
| 92 | </ul> | |
| 93 | <a href="[$loop1.cta_href]" class="btn btn-primary btn-lg" style="width:100%">[$loop1.cta_label]</a> | |
| 94 | </div> | |
| 95 | [/if] | |
| 96 | ||
| 97 | [/loop] | |
| 98 | ||
| 99 | </div> | |
| 100 | </section> | |
| 101 | ||
| 102 | <!-- ===== Comparison table ===== --> | |
| 103 | <section class="section" style="max-width:1100px;margin:0 auto;padding:40px 32px"> | |
| 104 | <h2 class="section-title" style="font-size:32px;text-align:center;margin-bottom:8px">Compare plans side-by-side</h2> | |
| 105 | <p class="section-sub" style="text-align:center;margin-bottom:30px">Every plan includes audit log, 2FA, encrypted storage, status page, and a 14-day free trial — no card required.</p> | |
| 106 | ||
| 107 | <div style="overflow-x:auto;background:var(--col-surface-1);border:1px solid var(--col-border);border-radius:14px"> | |
| 108 | <table style="width:100%;border-collapse:collapse;font-size:13px"> | |
| 109 | <thead> | |
| 110 | <tr style="background:var(--col-surface-2)"> | |
| 111 | <th style="text-align:left;padding:14px 18px;color:var(--col-text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase">Feature</th> | |
| 112 | <th style="padding:14px 18px;color:var(--col-accent-bright);font-size:11px;letter-spacing:1.5px;text-transform:uppercase">Pro</th> | |
| 113 | <th style="padding:14px 18px;color:var(--col-text-3);font-size:11px;letter-spacing:1.5px;text-transform:uppercase">Business</th> | |
| 114 | </tr> | |
| 115 | </thead> | |
| 116 | <tbody style="color:var(--col-text-2)"> | |
| 117 | <tr><td style="padding:12px 18px;color:var(--col-text)">Contacts</td><td style="text-align:center;padding:12px">25,000</td><td style="text-align:center;padding:12px">Unlimited</td></tr> | |
| 118 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:12px 18px;color:var(--col-text)">Deal pipelines</td><td style="text-align:center;padding:12px;color:#4ade80">Unlimited</td><td style="text-align:center;padding:12px;color:#4ade80">Unlimited</td></tr> | |
| 119 | <tr><td style="padding:12px 18px;color:var(--col-text)">Shared inbox (email sync)</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td></tr> | |
| 120 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:12px 18px;color:var(--col-text)">Custom fields & segments</td><td style="text-align:center;padding:12px;color:#4ade80">Unlimited</td><td style="text-align:center;padding:12px;color:#4ade80">Unlimited</td></tr> | |
| 121 | <tr><td style="padding:12px 18px;color:var(--col-text)">Email campaigns</td><td style="text-align:center;padding:12px">5,000 / mo</td><td style="text-align:center;padding:12px">50,000 / mo</td></tr> | |
| 122 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:12px 18px;color:var(--col-text)">Automations</td><td style="text-align:center;padding:12px;color:#4ade80">All workflows</td><td style="text-align:center;padding:12px;color:#4ade80">All workflows</td></tr> | |
| 123 | <tr><td style="padding:12px 18px;color:var(--col-text)">Reports library</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td></tr> | |
| 124 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:12px 18px;color:var(--col-text)">Documents & e-sign</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td></tr> | |
| 125 | <tr><td style="padding:12px 18px;color:var(--col-text)">API access</td><td style="text-align:center;padding:12px">—</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td></tr> | |
| 126 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:12px 18px;color:var(--col-text)">Team seats</td><td style="text-align:center;padding:12px">5</td><td style="text-align:center;padding:12px">Unlimited</td></tr> | |
| 127 | <tr><td style="padding:12px 18px;color:var(--col-text)">Custom roles & audit log export</td><td style="text-align:center;padding:12px">—</td><td style="text-align:center;padding:12px;color:#4ade80">✓</td></tr> | |
| 128 | <tr style="background:rgba(255,255,255,0.02)"><td style="padding:12px 18px;color:var(--col-text)">Support</td><td style="text-align:center;padding:12px">Priority email</td><td style="text-align:center;padding:12px">SLA + Slack</td></tr> | |
| 129 | </tbody> | |
| 130 | </table> | |
| 131 | </div> | |
| 132 | </section> | |
| 133 | ||
| 134 | <!-- ===== Refunds-as-credit callout ===== --> | |
| 135 | <section class="section" style="max-width:900px;margin:0 auto;padding:40px 32px"> | |
| 136 | <div class="card card-elevated" style="padding:28px;background:linear-gradient(135deg,rgba(59,130,246,0.10),rgba(124,58,237,0.10));border-color:rgba(99,102,241,0.40)"> | |
| 137 | <div style="display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap"> | |
| 138 | <div style="width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#7c3aed);display:grid;place-items:center;flex-shrink:0"> | |
| 139 | <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" 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> | |
| 140 | </div> | |
| 141 | <div style="flex:1;min-width:280px"> | |
| 142 | <h3 style="font-family:var(--font-display);font-size:20px;color:#fff;margin:0 0 8px">Refunds become credit on your next bill</h3> | |
| 143 | <p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:0"> | |
| 144 | We don't do card-refund-roulette. If something goes wrong, we credit your ContactForge account and auto-apply it | |
| 145 | to your next invoice before charging your card. Cleaner books, faster resolution, and your card stays | |
| 146 | untouched whenever credit covers the bill. | |
| 147 | </p> | |
| 148 | </div> | |
| 149 | </div> | |
| 150 | </div> | |
| 151 | </section> | |
| 152 | ||
| 153 | <!-- ===== Pricing FAQ ===== --> | |
| 154 | <section class="section" style="max-width:900px;margin:0 auto;padding:40px 32px 60px"> | |
| 155 | <h2 class="section-title" style="font-size:28px;text-align:center;margin-bottom:6px">Pricing questions, answered</h2> | |
| 156 | <p class="section-sub" style="text-align:center;margin-bottom:32px">Quick reads on the stuff people usually email about before they sign up.</p> | |
| 157 | ||
| 158 | <div style="display:flex;flex-direction:column;gap:12px"> | |
| 159 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">Do I need a credit card to start?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">No. Every plan starts with a 14-day free trial, no card required. You get up to 250 contacts during trial so your team can kick the tyres on real data. We only ask for payment if you decide to keep going.</p></details> | |
| 160 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">What happens when my trial ends?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">We email you a heads-up at day 7 and day 13. If you do nothing, your workspace pauses (data preserved). Add a card any time during the trial or after and your plan activates with full contact limits restored.</p></details> | |
| 161 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">Can I switch plans mid-month?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. Upgrades take effect immediately with prorated charges. Downgrades apply at your next billing anchor so you keep what you paid for. No phone call required — one click in Settings.</p></details> | |
| 162 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">What's the difference between Pro and Business?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Pro ($29/mo) covers most small sales teams: 25,000 contacts, 5 seats, 5,000 campaign sends/mo, and all automations + integrations. Business ($99/mo) raises the caps to 100,000 contacts, 25 seats, and 50,000 sends/mo, and adds API access, custom roles, and audit-log export. Business also accepts overage if you grow past those caps — $0.50 per 1k contacts, $20 per extra seat, $1 per 1k sends — so you never hit a wall mid-month.</p></details> | |
| 163 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">Do I need to connect my own SMTP provider?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">For bulk campaign sends, yes — you connect SES, Postmark, SendGrid, Mailgun, or any custom SMTP relay in Settings » Email Provider. That way your domain handles deliverability via SPF/DKIM/DMARC, bounces hit your account (not ours), and you pay the per-email cost directly — usually pennies per thousand. Account emails from us (signup confirms, password resets, billing receipts) still flow through our infrastructure, no setup needed.</p></details> | |
| 164 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">What happens if I go over my Business plan limits?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Business absorbs the overage automatically. You'll see a heads-up banner when you cross 80% of any cap, and a separate line on the next invoice itemising how much overage was added. No surprise upgrades, no contact-sales gate — you just keep working and the math is on your receipt.</p></details> | |
| 165 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">What happens if my card fails?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">We retry on a smart schedule (3 attempts over 9 days) and email you each time. After the third failure we pause writes but keep your data intact for 90 days so you can update the card and pick up right where you left off.</p></details> | |
| 166 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">Do you offer refunds?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes — issued as account credit auto-applied to your next invoice. Faster than a card refund (which takes 5-10 business days to settle) and cleaner for your books. If you cancel entirely with unused credit, we work out a card refund case-by-case.</p></details> | |
| 167 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">Annual or monthly — which is better?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Annual prepay saves you roughly two months versus monthly ($290/yr Pro vs $348 monthly; $990/yr Business vs $1,188 monthly). Pick monthly if you want flexibility, annual if you're committed and want the discount.</p></details> | |
| 168 | <details class="card" style="padding:18px 22px"><summary style="cursor:pointer;font-weight:600;color:#fff;font-size:15px">Is there a discount for annual prepay?</summary><p class="text-sm" style="color:var(--col-text-2);line-height:1.65;margin:10px 0 0">Yes. Annual billing is roughly 17% off the monthly equivalent on every plan — that's two months free, baked into the price, no coupon needed.</p></details> | |
| 169 | </div> | |
| 170 | ||
| 171 | <div style="text-align:center;margin-top:40px"> | |
| 172 | <a href="signup.cgi" class="btn btn-primary btn-lg">Start 14-day trial — no card required</a> | |
| 173 | <p class="text-xs text-dim" style="margin-top:12px">Questions? Check the <a href="faq.cgi" class="text-brand">FAQ</a> or browse the <a href="features.cgi" class="text-brand">features list</a>.</p> | |
| 174 | </div> | |
| 175 | </section> | |
| 176 | ||
| 177 | <!-- ===== Footer (shared) ===== --> | |
| 178 | <footer class="site-foot"> | |
| 179 | <div class="foot-grid"> | |
| 180 | <div class="foot-col"> | |
| 181 | <div class="flex items-center gap-3 mb-2"> | |
| 182 | <div class="brand-mark" style="width:32px;height:32px;font-size:15px"><span style="color:#67e8f9">CF</span></div> | |
| 183 | <div class="brand-text"><span class="brand-name">ContactForge</span></div> | |
| 184 | </div> | |
| 185 | <p class="text-sm text-secondary" style="max-width:340px">The operating system for sales teams. Publish, sell, and optimize from one console.</p> | |
| 186 | </div> | |
| 187 | <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 ContactForge</a></li><li><a href="pricing.cgi">Pricing</a></li><li><a href="faq.cgi">FAQ</a></li></ul></div> | |
| 188 | <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> | |
| 189 | <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> | |
| 190 | </div> | |
| 191 | <div class="foot-bottom"><span>© 2026 ContactForge, Inc. All rights reserved.</span><span>Made for teams who treat this like a business.</span></div> | |
| 192 | </footer> |