diff --git a/upsell.html b/upsell.html index 888e966..6e16bbd 100644 --- a/upsell.html +++ b/upsell.html @@ -49,11 +49,13 @@ text-align: center; transition: box-shadow 0.2s, - border-color 0.2s; + border-color 0.2s, + transform 0.2s; } .plan-card:hover { box-shadow: 0 6px 22px rgba(0, 0, 0, 0.11); + transform: scale(1.03); } .plan-card.current { @@ -179,7 +181,11 @@
Your Plan, Your Timing: Upgrade Anytime
-
Instant setup · satisfied or reimbursed
+
+ Get instant access to all upgraded features, including for + your current contract period, while the additional time is + added to your existing term. +
@@ -222,7 +228,9 @@
  • No module installation
    • - Instant setup, satisfied or reimbursed. + Get instant access to all upgraded features, + including for your current contract period, while the + additional time is added to your existing term.
    @@ -242,7 +250,9 @@
  • Module installation via git
    • - Instant setup, satisfied or reimbursed. + Get instant access to all upgraded features, + including for your current contract period, while the + additional time is added to your existing term.
    @@ -261,24 +271,9 @@
  • 2 Workers
    • - Instant setup, satisfied or reimbursed. -
    - - - -
    -
    Empire
    -
    >$950.00
    -
    / year
    -
    "My house! My Horse! My Server!"
    - - -
    - Instant setup, satisfied or reimbursed. + Get instant access to all upgraded features, + including for your current contract period, while the + additional time is added to your existing term.
    @@ -298,7 +293,6 @@ "Side Hustle", "On the Rise", "Powerhouse", - "Empire", ]; const PLAN_META = { @@ -322,11 +316,6 @@ btnId: "btn-powerhouse", productId: "powerhouse", }, - Empire: { - cardId: "card-empire", - btnId: "btn-empire", - productId: null, - }, }; // ── UUID from URL ───────────────────────────────────────────────────────── @@ -377,17 +366,14 @@ document .getElementById("btn-powerhouse") .addEventListener("click", () => buyProduct("powerhouse")); - document - .getElementById("btn-empire") - .addEventListener("click", () => { - window.open("https://odoo4projects.com", "_blank"); - }); // ── Apply current-plan state ────────────────────────────────────────────── - function applyPlanState(contractName) { + function applyPlanState(contractName, expires) { const currentIdx = PLAN_ORDER.indexOf(contractName); if (currentIdx === -1) return; // unknown plan – leave defaults + const expiresLabel = expires ? "✅ " + expires : "✅"; + PLAN_ORDER.forEach(function (plan, idx) { var meta = PLAN_META[plan]; if (!meta) return; @@ -398,12 +384,12 @@ if (idx === currentIdx) { // Current plan card.classList.add("current"); - btn.textContent = "Your Plan"; + btn.textContent = expiresLabel; btn.disabled = true; btn.classList.add("is-current-plan"); } else if (idx < currentIdx) { // Lower tier – no downgrade - btn.textContent = "Your Plan"; + btn.textContent = expiresLabel; btn.disabled = true; btn.classList.remove("is-current-plan"); } @@ -428,7 +414,7 @@ ? payload[0] : payload; if (record && record.contractName) { - applyPlanState(record.contractName); + applyPlanState(record.contractName, record.expires); } } catch (err) { console.error("Could not load contract data:", err);