From fd1bd927c86a8ba6b4eb46602bb6f9f1a94f0469 Mon Sep 17 00:00:00 2001 From: "russell@unturf.com" Date: Fri, 6 Mar 2026 10:51:30 -0500 Subject: [PATCH] =?UTF-8?q?Pricing=20calculator=20page:=20shops=20=C3=97?= =?UTF-8?q?=20seats=20=C3=97=20duration=20with=20discounts?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Interactive calculator at /pricing.html. $14/mo per shop per seat. Duration discounts: 14% off 1yr, 28% off 2yr, 42% off 3yr. Live breakdown with effective monthly rate. Linked from landing page pricing section and footer. --- index.html | 2 + landing.css | 233 ++++++++++++++++++++++++++++++++++++ pricing.html | 330 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 565 insertions(+) create mode 100644 pricing.html diff --git a/index.html b/index.html index 463aef7..5f955ae 100644 --- a/index.html +++ b/index.html @@ -92,6 +92,7 @@ Open source & public domain — no moat, no castle, just infrastructure

Zero commission fees. You keep every dollar minus only payment processing.

+

Pricing calculator — multiple shops, seats, and multi-year discounts.

@@ -441,6 +442,7 @@ Open source & public domain — no moat, no castle, just infrastructure diff --git a/landing.css b/landing.css index 8268ad8..7a29b36 100644 --- a/landing.css +++ b/landing.css @@ -406,6 +406,227 @@ a.mps-button.landing-cta-large { color: #666; } +/* ---- Pricing Calculator ---- */ + +.calc-card { + background: #FFFFFF; + border: 1px solid #e0e0e0; + border-radius: 16px; + padding: 32px 24px; + margin-bottom: 32px; +} + +.calc-row { + margin-bottom: 28px; +} + +.calc-row:last-of-type { + margin-bottom: 0; +} + +.calc-label { + font-size: 15px; + font-weight: 600; + color: #0b0b0b; + display: block; + margin-bottom: 4px; +} + +.calc-hint { + font-size: 13px; + color: #999; + margin: 0 0 12px; + line-height: 1.4; +} + +.calc-stepper { + display: flex; + align-items: center; + gap: 0; + width: fit-content; +} + +.calc-step-btn { + width: 44px; + height: 44px; + border: 1px solid #e0e0e0; + background: #F9F9FA; + font-size: 20px; + font-weight: 600; + color: #515151; + cursor: pointer; + transition: background 0.15s ease, color 0.15s ease; + display: flex; + align-items: center; + justify-content: center; + user-select: none; +} + +.calc-step-btn:first-child { + border-radius: 8px 0 0 8px; +} + +.calc-step-btn:last-child { + border-radius: 0 8px 8px 0; +} + +.calc-step-btn:hover { + background: #a3c765; + color: #fff; + border-color: #a3c765; +} + +.calc-step-btn:active { + background: #8ab34e; + border-color: #8ab34e; +} + +.calc-step-value { + width: 56px; + height: 44px; + display: flex; + align-items: center; + justify-content: center; + font-size: 20px; + font-weight: 700; + color: #0b0b0b; + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; + background: #fff; +} + +.calc-duration-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 10px; +} + +.calc-dur-btn { + padding: 14px 12px; + border: 2px solid #e0e0e0; + border-radius: 10px; + background: #fff; + cursor: pointer; + text-align: center; + transition: border-color 0.15s ease, background 0.15s ease, transform 0.1s ease; +} + +.calc-dur-btn:hover { + border-color: #a3c765; + transform: translateY(-1px); +} + +.calc-dur-btn--active { + border-color: #a3c765; + background: #f0f9e8; +} + +.calc-dur-btn--best { + position: relative; +} + +.calc-dur-period { + display: block; + font-size: 15px; + font-weight: 600; + color: #0b0b0b; + white-space: nowrap; +} + +.calc-dur-discount { + display: block; + font-size: 12px; + font-weight: 600; + color: #678731; + margin-top: 2px; + white-space: nowrap; +} + +/* Quote breakdown */ + +.calc-quote { + background: #F9F9FA; + border-radius: 12px; + padding: 20px 24px; + margin-top: 28px; +} + +.calc-line { + display: flex; + justify-content: space-between; + align-items: center; + padding: 6px 0; + font-size: 14px; + color: #515151; +} + +.calc-line--discount { + color: #678731; + font-weight: 600; +} + +.calc-quote-total { + display: flex; + justify-content: space-between; + align-items: center; + padding-top: 12px; + margin-top: 8px; + border-top: 2px solid #e0e0e0; +} + +.calc-quote-total-label { + font-size: 16px; + font-weight: 600; + color: #0b0b0b; +} + +.calc-quote-total-amount { + font-size: 2em; + font-weight: 700; + color: #0b0b0b; +} + +.calc-quote-effective { + text-align: right; + font-size: 13px; + color: #678731; + font-weight: 500; + margin-top: 4px; + min-height: 18px; +} + +/* What's included */ + +.calc-included { + margin-top: 8px; +} + +.calc-included-title { + font-size: 1.2em; + font-weight: 700; + color: #0b0b0b; + margin: 0 0 16px; + text-align: center; +} + +.calc-included-grid { + display: grid; + grid-template-columns: 1fr; + gap: 10px; +} + +.calc-included-item { + font-size: 15px; + color: #333; + padding: 8px 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + white-space: nowrap; +} + +.calc-included-item .landing-check { + margin-right: 8px; +} + /* ---- Final CTA ---- */ .landing-final-cta { @@ -445,6 +666,18 @@ a.mps-button.landing-cta-large { .nav-grid .nav { padding: 16px 40px; } + + .calc-card { + padding: 40px 32px; + } + + .calc-duration-grid { + grid-template-columns: repeat(4, 1fr); + } + + .calc-included-grid { + grid-template-columns: 1fr 1fr; + } } @media (min-width: 1200px) { diff --git a/pricing.html b/pricing.html new file mode 100644 index 0000000..af25670 --- /dev/null +++ b/pricing.html @@ -0,0 +1,330 @@ + + + + + +Pricing Calculator — Make Post Sell + + + + + + + + + + + + + + +
+Open source & public domain — no moat, no castle, just infrastructure that outlasts its builders +
+ + + +
+ +
+
+ +
+ +
+
+ +
+ + +
+
+

Pricing Calculator

+

$14/month per shop, per seat. Save up to 42% with multi-year plans.

+
+
+ + +
+
+ +
+ + +
+
+ +

Each shop gets its own brand, products, custom domain, and audience.

+
+ + 1 + +
+
+
+ + +
+
+ +

Owners, editors, and machine learning agents. Each seat is $14/month.

+
+ + 1 + +
+
+
+ + +
+
+ +
+ + + + +
+
+
+ + +
+
+
+ Total + $14 +
+
+
+ + +
+ + Open a Shop +
+ +
+ + +
+

Every shop includes

+
+
✔ Custom domain
+
✔ Five payment methods
+
✔ Watch mode & media channel
+
✔ Analytics dashboard
+
✔ Email subscriptions & feeds
+
✔ Zero commission fees
+
✔ Digital & physical products
+
✔ Coupons & bundles
+
+
+ +
+
+ + +
+
+

Ready to make, post, and sell?

+
+ + Open a Shop +
+
+
+ + +
+ + +
+ + + + + + +