From 8fa1add939f186b1d984c51bfbe4e11d716c0a7a Mon Sep 17 00:00:00 2001
From: Marty Bostick <marty@amplifyaiworkshop.com>
Date: Fri, 10 Jul 2026 17:55:42 +0000
Subject: [PATCH] Add prominent signup CTA button in header with referral link

---
 index.html | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e28f8f2..22a7d4c 100644
--- a/index.html
+++ b/index.html
@@ -52,6 +52,45 @@
     margin-top: 6px;
     font-size: 0.9rem;
   }
+  .cta-bar {
+    display: flex;
+    justify-content: center;
+    gap: 12px;
+    margin-top: 16px;
+    flex-wrap: wrap;
+  }
+  .cta-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 28px;
+    border-radius: var(--radius);
+    font-size: 1rem;
+    font-weight: 600;
+    text-decoration: none;
+    transition: all .2s;
+    cursor: pointer;
+    border: none;
+  }
+  .cta-btn-primary {
+    background: var(--accent);
+    color: #fff;
+    box-shadow: 0 0 20px var(--accent-glow);
+  }
+  .cta-btn-primary:hover {
+    background: #7c6df7;
+    transform: translateY(-1px);
+    box-shadow: 0 0 30px var(--accent-glow);
+  }
+  .cta-btn-secondary {
+    background: var(--card);
+    color: var(--text);
+    border: 1px solid var(--border);
+  }
+  .cta-btn-secondary:hover {
+    background: var(--card-hover);
+    border-color: var(--accent);
+  }
 
   /* Controls */
   .controls {
@@ -388,6 +427,14 @@
 <div class="header">
   <h1>CBP What-If Calculator</h1>
   <p>Full ladder modeling — profit timeline, referral earnings, and scenario comparison</p>
+  <div class="cta-bar" id="ctaBar">
+    <a class="cta-btn cta-btn-primary" id="signupBtn" target="_blank" rel="noopener">
+      🚀 Sign Up with My Referral Link
+    </a>
+    <button class="cta-btn cta-btn-secondary" onclick="copyCalculatorLink()">
+      📄 Copy Calculator Link
+    </button>
+  </div>
 </div>
 
 <!-- Controls -->
@@ -1092,7 +1139,13 @@ function getShareUrl(refUser) {
 
 function updateSharedLinkBox() {
   const refUser = getRefFromURL() || 'cryptoteambuild';
-  document.getElementById('sharedLink').value = getShareUrl(refUser);
+  const shareUrl = getShareUrl(refUser);
+  document.getElementById('sharedLink').value = shareUrl;
+  // Update CTA button
+  const signupBtn = document.getElementById('signupBtn');
+  if (signupBtn) {
+    signupBtn.href = `https://clickbaitpays.me/?ref=${refUser}`;
+  }
 }
 
 function copySharedLink() {
@@ -1106,6 +1159,16 @@ function copySharedLink() {
   });
 }
 
+function copyCalculatorLink() {
+  const refUser = getRefFromURL() || 'cryptoteambuild';
+  const url = getShareUrl(refUser);
+  navigator.clipboard.writeText(url).then(() => {
+    const btn = document.querySelector('.cta-btn-secondary');
+    btn.textContent = '✅ Copied!';
+    setTimeout(() => { btn.innerHTML = '📄 Copy Calculator Link'; }, 2000);
+  });
+}
+
 // ─── Shareable Plan Generator ─────────────────────────────────
 function generatePlan() {
   const numPeople = parseInt(document.getElementById('numPeople').value) || 1;