diff --git a/public/upsell.html b/public/upsell.html
index 98a9645..d415f45 100644
--- a/public/upsell.html
+++ b/public/upsell.html
@@ -58,8 +58,9 @@
       cursor: pointer;
       font-size: 16px;
     }
-    button:hover {
-      background-color: #45a049;
+    button:disabled {
+      background-color: #aaa;
+      cursor: not-allowed;
     }
     .cost {
       font-weight: bold;
@@ -71,6 +72,15 @@
       border-radius: 6px;
       border: 1px solid #ccc;
     }
+    .confirmation {
+      text-align: center;
+      font-size: 1.2em;
+      padding: 40px;
+      background: #fff;
+      border-radius: 12px;
+      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+      color: #333;
+    }
   </style>
 </head>
 <body>
@@ -110,18 +120,17 @@ When it’s time for your annual renewal, you will receive a reminder email with
     </div>
 
     <div class="submit-section">
-      <button type="submit">Upgrade</button>
-      <div class="cost" id="cost">$0,00</div>
+      <button type="submit" id="submitBtn" disabled>Upgrade</button>
+      <div class="cost" id="cost">$0.00</div>
     </div>
   </form>
 
   <script>
  const params = new URLSearchParams(window.location.search);
   const uuid = params.get("uuid");
-  // document.getElementById("uuidDisplay").textContent = uuid ? uuid.toLowerCase() : "-";
 
   const webhookUrl = "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/0c8536be-d175-4740-8e78-123159193b23";
-const webhookPost = "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/3709b60f-935e-43e4-834a-5060a40182dd";
+  const webhookPost = "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/3709b60f-935e-43e4-834a-5060a40182dd";
 
   async function loadData() {
     if (!uuid) {
@@ -135,103 +144,107 @@ const webhookPost = "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4p
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify({ uuid }) // send uuid in request body
+        body: JSON.stringify({ uuid })
       });
 
-    if (!res.ok) throw new Error("Failed to fetch data");
-    const data = await res.json();
+      if (!res.ok) throw new Error("Failed to fetch data");
+      const data = await res.json();
 
-    // Save original data globally
-    window.originalData = data;
-
-    // Save prices globally
-    window.prices = data.prices || {
-      git: 10,
-      domain: 1,
-      backupSlot: 1,
-      worker: 50,
-      hddUnit: 10
-    };
-
-    // Fill form fields
-    document.getElementById("git").checked = data.git || false;
-    document.getElementById("domains").value = data.domains || 1;
-    document.getElementById("backupSlots").value = data.backupSlots || 2;
-    document.getElementById("workers").value = data.workers || 1;
-    document.getElementById("hdd").value = data.hdd || 250;
-    document.getElementById("expires").textContent = data.expires || "-";
-
-    calculateCost();
-  } catch (err) {
-    console.error(err);
-    alert("Error loading data.");
-  }
-}
-
-
-
-function calculateCost() {
-  if (!window.originalData || !window.prices) return;
-
-  const domains = parseInt(document.getElementById("domains").value) || 0;
-  const backups = parseInt(document.getElementById("backupSlots").value) || 0;
-  const workers = parseInt(document.getElementById("workers").value) || 0;
-  const hdd = parseInt(document.getElementById("hdd").value) || 0;
-  const gitChecked = document.getElementById("git").checked;
-
-  const baselineDomains = parseInt(window.originalData.domains) || 0;
-  const baselineBackups = parseInt(window.originalData.backupSlots) || 0;
-  const baselineWorkers = parseInt(window.originalData.workers) || 0;
-  const baselineHDD = parseInt(window.originalData.hdd) || 0;
-  const baselineGit = window.originalData.git || false;
-
-  const extraDomains = Math.max(domains - baselineDomains, 0);
-  const extraBackups = Math.max(backups - baselineBackups, 0);
-  const extraWorkers = Math.max(workers - baselineWorkers, 0);
-  const extraHDDUnits = Math.max(Math.floor((hdd - baselineHDD) / 250), 0);
-  const extraGit = gitChecked && !baselineGit ? 1 : 0;
-
-  const cost =
-    extraGit * window.prices.git +
-    extraDomains * window.prices.domain +
-    extraBackups * window.prices.backupSlot +
-    extraWorkers * window.prices.worker +
-    extraHDDUnits * window.prices.hddUnit;
-
-  document.getElementById("cost").textContent = `$${cost.toFixed(2)}`;
-}
-
-    document.querySelectorAll("input").forEach(input => {
-      input.addEventListener("input", calculateCost);
-    });
-
-    document.getElementById("upgradeForm").addEventListener("submit", async (e) => {
-      e.preventDefault();
-      const payload = {
-        uuid: uuid,
-        git: document.getElementById("git").checked,
-        domains: parseInt(document.getElementById("domains").value),
-        backupSlots: parseInt(document.getElementById("backupSlots").value),
-        workers: parseInt(document.getElementById("workers").value),
-        hdd: parseInt(document.getElementById("hdd").value),
-        cost: parseInt(document.getElementById("cost").value)
+      window.originalData = data;
+      window.prices = data.prices || {
+        git: 10,
+        domain: 1,
+        backupSlot: 1,
+        worker: 50,
+        hddUnit: 10
       };
 
-      try {
-        const res = await fetch(webhookPost, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(payload)
-        });
-        if (!res.ok) throw new Error("Failed to submit data");
-        alert("Upgrade submitted successfully!");
-      } catch (err) {
-        console.error(err);
-        alert("Error submitting form.");
-      }
-    });
+      document.getElementById("git").checked = data.git || false;
+      document.getElementById("domains").value = data.domains || 1;
+      document.getElementById("backupSlots").value = data.backupSlots || 2;
+      document.getElementById("workers").value = data.workers || 1;
+      document.getElementById("hdd").value = data.hdd || 250;
+      document.getElementById("expires").textContent = data.expires || "-";
 
-    loadData();
+      calculateCost();
+    } catch (err) {
+      console.error(err);
+      alert("Error loading data.");
+    }
+  }
+
+  function calculateCost() {
+    if (!window.originalData || !window.prices) return;
+
+    const domains = parseInt(document.getElementById("domains").value) || 0;
+    const backups = parseInt(document.getElementById("backupSlots").value) || 0;
+    const workers = parseInt(document.getElementById("workers").value) || 0;
+    const hdd = parseInt(document.getElementById("hdd").value) || 0;
+    const gitChecked = document.getElementById("git").checked;
+
+    const baselineDomains = parseInt(window.originalData.domains) || 0;
+    const baselineBackups = parseInt(window.originalData.backupSlots) || 0;
+    const baselineWorkers = parseInt(window.originalData.workers) || 0;
+    const baselineHDD = parseInt(window.originalData.hdd) || 0;
+    const baselineGit = window.originalData.git || false;
+
+    const extraDomains = Math.max(domains - baselineDomains, 0);
+    const extraBackups = Math.max(backups - baselineBackups, 0);
+    const extraWorkers = Math.max(workers - baselineWorkers, 0);
+    const extraHDDUnits = Math.max(Math.floor((hdd - baselineHDD) / 250), 0);
+    const extraGit = gitChecked && !baselineGit ? 1 : 0;
+
+    const cost =
+      extraGit * window.prices.git +
+      extraDomains * window.prices.domain +
+      extraBackups * window.prices.backupSlot +
+      extraWorkers * window.prices.worker +
+      extraHDDUnits * window.prices.hddUnit;
+
+    document.getElementById("cost").textContent = `$${cost.toFixed(2)}`;
+
+    // Enable/disable button based on cost
+    document.getElementById("submitBtn").disabled = cost <= 0;
+  }
+
+  document.querySelectorAll("input").forEach(input => {
+    input.addEventListener("input", calculateCost);
+  });
+
+  document.getElementById("upgradeForm").addEventListener("submit", async (e) => {
+    e.preventDefault();
+    const payload = {
+      uuid: uuid,
+      git: document.getElementById("git").checked,
+      domains: parseInt(document.getElementById("domains").value),
+      backupSlots: parseInt(document.getElementById("backupSlots").value),
+      workers: parseInt(document.getElementById("workers").value),
+      hdd: parseInt(document.getElementById("hdd").value),
+      cost: document.getElementById("cost").textContent.replace('$','')
+    };
+
+    try {
+      const res = await fetch(webhookPost, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload)
+      });
+      if (!res.ok) throw new Error("Failed to submit data");
+
+      // Replace page content with confirmation message
+      document.body.innerHTML = `
+        <div class="confirmation">
+          <h2>✅ Your upgrade request has been sent</h2>
+          <p>Please check your email for confirmation.</p>
+        </div>
+      `;
+    } catch (err) {
+      console.error(err);
+      alert("Error submitting form.");
+    }
+  });
+
+  loadData();
   </script>
 </body>
 </html>
