From 9c156c91e6f00e910beceb2fb282f1fb406ec333 Mon Sep 17 00:00:00 2001
From: nate <nate@forehead-gate.com>
Date: Fri, 10 Apr 2026 13:59:36 +0400
Subject: [PATCH] update lifetime discount text

---
 apps/web/src/views/checkout.ejs | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/apps/web/src/views/checkout.ejs b/apps/web/src/views/checkout.ejs
index 66c8d7c..342d6ac 100644
--- a/apps/web/src/views/checkout.ejs
+++ b/apps/web/src/views/checkout.ejs
@@ -9,8 +9,11 @@
   const totalSpent = it.totalSpent || 0;
   const maxLifetimeTier = it.maxLifetimeTier || 0;
   const lifetimeBase = 140;
-  const lifetimePrices = { lifetime: lifetimeBase, lifetime2x: lifetimeBase * 2, lifetime4x: lifetimeBase * 4 };
-  const lifetimeCredit = Math.min(totalSpent, lifetimeBase * 0.90);
+  function ltPrice(base) { return Math.max(base - Math.min(totalSpent, base * 0.90), 1); }
+  const lt1 = ltPrice(lifetimeBase);
+  const lt2 = ltPrice(lifetimeBase * 2);
+  const lt4 = ltPrice(lifetimeBase * 4);
+  const hasCredit = totalSpent > 0;
 %>
 
 <style>
@@ -65,7 +68,11 @@
         class="cursor-pointer text-left bg-surface border-2 border-border-subtle hover:border-yellow-500/40 rounded-xl p-5 transition-colors relative">
         <span class="absolute top-3 right-3 text-[10px] font-semibold px-2 py-0.5 rounded-full bg-yellow-500/15 text-yellow-500 border border-yellow-500/20">Launch Deal</span>
         <div class="text-xs text-yellow-500/70 uppercase tracking-wider font-mono mb-1">Lifetime</div>
+        <% if (hasCredit) { %>
+        <div class="text-2xl font-bold text-gray-100">From $<%= Math.round(lt1) %> <span class="text-sm font-normal text-gray-600 line-through">$<%= lifetimeBase %></span></div>
+        <% } else { %>
         <div class="text-2xl font-bold text-gray-100">From $<%= lifetimeBase %></div>
+        <% } %>
         <div class="text-xs text-gray-500 mt-2">One-time, 200-800 monitors forever</div>
       </label>
       <% } %>
@@ -109,7 +116,7 @@
           <% if (maxLifetimeTier < 1) { %>
           <button type="button" class="lt-btn text-center bg-surface border-2 border-yellow-500/50 rounded-lg py-2.5 transition-colors" data-plan="lifetime">
             <div class="text-sm font-semibold text-gray-200">1x</div>
-            <div class="text-xs text-gray-500">200 monitors · $<%= lifetimeBase %></div>
+            <div class="text-xs text-gray-500">200 monitors · <% if (hasCredit) { %><span class="text-green-400">$<%= Math.round(lt1) %></span> <span class="line-through">$<%= lifetimeBase %></span><% } else { %>$<%= lifetimeBase %><% } %></div>
           </button>
           <% } else { %>
           <div class="text-center bg-surface border-2 border-border-subtle rounded-lg py-2.5 opacity-40 cursor-not-allowed">
@@ -118,9 +125,9 @@
           </div>
           <% } %>
           <% if (maxLifetimeTier < 2) { %>
-          <button type="button" class="lt-btn text-center bg-surface border-2 border-border-subtle hover:border-yellow-500/40 rounded-lg py-2.5 transition-colors <%= maxLifetimeTier >= 1 ? '' : '' %>" data-plan="lifetime2x">
+          <button type="button" class="lt-btn text-center bg-surface border-2 border-border-subtle hover:border-yellow-500/40 rounded-lg py-2.5 transition-colors" data-plan="lifetime2x">
             <div class="text-sm font-semibold text-gray-200">2x</div>
-            <div class="text-xs text-gray-500">400 monitors · $<%= lifetimeBase * 2 %></div>
+            <div class="text-xs text-gray-500">400 monitors · <% if (hasCredit) { %><span class="text-green-400">$<%= Math.round(lt2) %></span> <span class="line-through">$<%= lifetimeBase * 2 %></span><% } else { %>$<%= lifetimeBase * 2 %><% } %></div>
           </button>
           <% } else { %>
           <div class="text-center bg-surface border-2 border-border-subtle rounded-lg py-2.5 opacity-40 cursor-not-allowed">
@@ -130,15 +137,10 @@
           <% } %>
           <button type="button" class="lt-btn text-center bg-surface border-2 border-border-subtle hover:border-yellow-500/40 rounded-lg py-2.5 transition-colors" data-plan="lifetime4x">
             <div class="text-sm font-semibold text-gray-200">4x</div>
-            <div class="text-xs text-gray-500">800 monitors · $<%= lifetimeBase * 4 %></div>
+            <div class="text-xs text-gray-500">800 monitors · <% if (hasCredit) { %><span class="text-green-400">$<%= Math.round(lt4) %></span> <span class="line-through">$<%= lifetimeBase * 4 %></span><% } else { %>$<%= lifetimeBase * 4 %><% } %></div>
           </button>
         </div>
       </div>
-      <% if (totalSpent > 0) { %>
-      <div id="lifetime-credit" class="text-xs text-green-400/70">
-        You've spent $<%= totalSpent.toFixed(0) %> with us. Up to 90% of the lifetime price is credited.
-      </div>
-      <% } %>
     </div>
 
     <!-- Coin selection -->