added on local at 2026-07-01 16:01:54
| 1 | <section class="hero" style="padding-bottom:40px;"> | |
| 2 | <span class="hero-eyebrow">Pricing</span> | |
| 3 | <h1 class="hero-title">Pick a plan. <span class="brand-grad">Or start free.</span></h1> | |
| 4 | <p class="hero-sub">Free up to 10,000 pageviews / month. Upgrade only when you actually need more.</p> | |
| 5 | </section> | |
| 6 | <section class="pricing-grid"> | |
| 7 | [loop:@plans] | |
| 8 | [if:$is_featured] | |
| 9 | <div class="plan featured"> | |
| 10 | <span class="badge brand" style="position:absolute;top:18px;right:18px;">Most popular</span> | |
| 11 | <p class="plan-name">$display_name</p> | |
| 12 | <p class="plan-tag">$tagline</p> | |
| 13 | <div class="plan-price">$price_display<span class="per">/mo</span></div> | |
| 14 | <ul class="plan-feats"> | |
| 15 | [loop:@loop1.feats] | |
| 16 | [if:$included]<li>$name</li>[/if] | |
| 17 | [if:!$included]<li class="no">$name</li>[/if] | |
| 18 | [/loop] | |
| 19 | </ul> | |
| 20 | <a class="btn btn-brand" style="width:100%;justify-content:center;" href="/signup.cgi?plan=$tier">$cta_label</a> | |
| 21 | </div> | |
| 22 | [/if] | |
| 23 | [if:!$is_featured] | |
| 24 | <div class="plan"> | |
| 25 | <p class="plan-name">$display_name</p> | |
| 26 | <p class="plan-tag">$tagline</p> | |
| 27 | <div class="plan-price">$price_display<span class="per">/mo</span></div> | |
| 28 | <ul class="plan-feats"> | |
| 29 | [loop:@loop1.feats] | |
| 30 | [if:$included]<li>$name</li>[/if] | |
| 31 | [if:!$included]<li class="no">$name</li>[/if] | |
| 32 | [/loop] | |
| 33 | </ul> | |
| 34 | <a class="btn btn-secondary" style="width:100%;justify-content:center;" href="/signup.cgi?plan=$tier">$cta_label</a> | |
| 35 | </div> | |
| 36 | [/if] | |
| 37 | [/loop] | |
| 38 | </section> | |
| 39 | <section style="text-align:center; padding: 20px 24px 80px;"> | |
| 40 | <p class="muted">Need higher pageview limits or want to self-host? <a href="mailto:programmershawn@gmail.com">Get in touch.</a></p> | |
| 41 | </section> |