From b42fcf5abcd8746550c4330e2be3ab96d55c1581 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hern=C3=A2ni=20Marques?= <hernani+magikoopa@vecirex.net>
Date: Fri, 10 Jul 2026 18:13:00 +0200
Subject: [PATCH] exchange landing: one-step withdraw-exchange + Android/iOS
 links

Short hero; wallet apps; single withdraw-exchange QR.
---
 configs/exchange-landing/index.html | 45 ++++++++++++++++++++++++-----
 1 file changed, 37 insertions(+), 8 deletions(-)

diff --git a/configs/exchange-landing/index.html b/configs/exchange-landing/index.html
index 63a3c4c..dc10246 100644
--- a/configs/exchange-landing/index.html
+++ b/configs/exchange-landing/index.html
@@ -103,6 +103,22 @@
       border: 1px solid rgba(62, 207, 191, 0.4); padding: 0.55rem; border-radius: 10px; font-weight: 600;
     }
     .meta { font-size: 0.78rem; color: var(--muted); word-break: break-all; text-align: center; }
+    .app-links {
+      display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; width: 100%;
+    }
+    .app-btn {
+      display: inline-flex; align-items: center; justify-content: center;
+      min-width: 9rem; text-decoration: none; font-weight: 700; font-size: 0.88rem;
+      padding: 0.55rem 0.85rem; border-radius: 10px;
+      border: 1px solid rgba(232, 168, 56, 0.4); background: rgba(0,0,0,0.28); color: #f0d090;
+    }
+    .app-btn.ios { border-color: rgba(62, 207, 191, 0.4); color: #b8f5ec; }
+    .app-btn.hub {
+      flex: 1 1 100%; border-color: rgba(201, 184, 160, 0.35); color: var(--muted);
+      font-weight: 600; font-size: 0.82rem;
+    }
+    .step-body ol { margin: 0; padding-left: 1.2rem; width: 100%; align-self: stretch; color: var(--muted); }
+    .step-body li { margin: 0.35rem 0; }
     footer { margin-top: 1.75rem; text-align: center; color: var(--muted); font-size: 0.85rem; }
     footer a { color: #e8c878; }
     code { font-family: ui-monospace, Menlo, monospace; font-size: 0.86em; background: rgba(0,0,0,0.35); padding: 0.1em 0.35em; border-radius: 4px; color: #f0d090; }
@@ -114,7 +130,7 @@
     <header class="hero">
       <span class="badge">GOA · Exchange</span>
       <h1>GOA Exchange</h1>
-      <p class="sub">Explorational intergalactic exchange — <strong>coins</strong>, denominations, withdraw / refresh / deposit.</p>
+      <p class="sub">Explorational exchange — coins, denoms, one-step withdraw.</p>
     </header>
 
     <section class="stats" id="stats-coins" aria-labelledby="coins-title">
@@ -187,17 +203,30 @@
     </section>
 
     <section class="step-card">
-      <h2>Add the exchange</h2>
-      <p class="step-tagline">Trust <code>exchange.hacktivism.ch</code></p>
+      <h2>Get the wallet</h2>
+      <p class="step-tagline">Android or iOS</p>
+      <div class="step-body">
+        <div class="app-links">
+          <a class="app-btn" href="https://play.google.com/store/apps/details?id=net.taler.wallet" target="_blank" rel="noopener noreferrer">Android · Play Store</a>
+          <a class="app-btn" href="https://f-droid.org/en/packages/net.taler.wallet.fdroid/" target="_blank" rel="noopener noreferrer">Android · F-Droid</a>
+          <a class="app-btn ios" href="https://apps.apple.com/app/taler-wallet/id6463440117" target="_blank" rel="noopener noreferrer">iOS · App Store</a>
+          <a class="app-btn hub" href="https://wallet.taler.net/" target="_blank" rel="noopener noreferrer">All platforms · wallet.taler.net</a>
+        </div>
+      </div>
+    </section>
+
+    <section class="step-card">
+      <h2>Withdraw GOA</h2>
+      <p class="step-tagline">One-step: add exchange + withdraw</p>
       <div class="step-body">
         <div class="qr-box">
           <div id="qr-exchange"></div>
-          <div class="qr-label">Add exchange</div>
+          <div class="qr-label">Scan or open in wallet</div>
         </div>
-        <a class="cta" href="taler://add-exchange/exchange.hacktivism.ch/">Open in wallet →</a>
-        <p class="meta">taler://add-exchange/exchange.hacktivism.ch/</p>
+        <a class="cta teal" href="taler://withdraw-exchange/exchange.hacktivism.ch/">Open in wallet →</a>
+        <p class="meta">taler://withdraw-exchange/exchange.hacktivism.ch/</p>
         <div class="links">
-          <a class="cta teal" href="https://bank.hacktivism.ch/intro/">Withdraw GOA at bank →</a>
+          <a class="cta-sec" href="https://bank.hacktivism.ch/intro/">Bank →</a>
           <a class="cta-sec" href="https://exchange.hacktivism.ch/keys">/keys</a>
           <a class="cta-sec" href="https://exchange.hacktivism.ch/terms">/terms</a>
           <a class="cta-sec" href="https://exchange.hacktivism.ch/privacy">/privacy</a>
@@ -343,7 +372,7 @@
     var el = document.getElementById("qr-exchange");
     if (el && typeof QRCode !== "undefined") {
       new QRCode(el, {
-        text: "taler://add-exchange/exchange.hacktivism.ch/",
+        text: "taler://withdraw-exchange/exchange.hacktivism.ch/",
         width: 220, height: 220, correctLevel: QRCode.CorrectLevel.M
       });
     }