From ae9c18b77142b1913513bffed8f80af6402d1a7a Mon Sep 17 00:00:00 2001
From: nate <nate@forehead-gate.com>
Date: Thu, 19 Mar 2026 12:40:03 +0400
Subject: [PATCH] improve: checkout

---
 apps/web/src/views/checkout.ejs | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/views/checkout.ejs b/apps/web/src/views/checkout.ejs
index 1b08d58..457ab56 100644
--- a/apps/web/src/views/checkout.ejs
+++ b/apps/web/src/views/checkout.ejs
@@ -167,11 +167,15 @@
     </div>
 
     <% } else if (inv.status === 'paid') { %>
-    <div class="flex items-center justify-center gap-2 text-green-400">
-      <svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
-      <span class="font-medium">Payment confirmed!</span>
+    <div class="w-16 h-16 mx-auto rounded-full bg-green-500/10 border border-green-500/20 flex items-center justify-center mb-2">
+      <svg class="w-8 h-8 text-green-400" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
     </div>
-    <a href="/dashboard/settings" class="text-xs text-blue-400 hover:text-blue-300">Back to settings</a>
+    <p class="text-lg font-semibold text-white">Payment confirmed</p>
+    <p class="text-sm text-gray-400">Your plan has been activated.</p>
+    <a href="/dashboard/settings" class="btn-primary inline-block px-5 py-2 text-sm mt-2">Back to settings</a>
+    <% if (inv.address) { %>
+    <a href="https://transaction.st/address/<%= inv.address %>" target="_blank" rel="noopener" class="block text-xs text-gray-500 hover:text-gray-400 transition-colors mt-3">View on block explorer &rarr;</a>
+    <% } %>
 
     <% } else if (inv.status === 'expired') { %>
     <div class="flex items-center justify-center gap-2 text-red-400">