From 5683e9dc362f6f40781f832d2b72db9680f3578c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hern=C3=A2ni=20Marques?= <hernani+magikoopa@vecirex.net>
Date: Fri, 10 Jul 2026 19:38:00 +0200
Subject: [PATCH] bank landing: mini GOA samples near merchant area
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two sample items at the bottom; link “for more” to taler.hacktivism.ch.
---
 configs/bank-landing/index.html | 40 ++++++++++++++++++++++++---------
 1 file changed, 29 insertions(+), 11 deletions(-)

diff --git a/configs/bank-landing/index.html b/configs/bank-landing/index.html
index aa1271d..d139bda 100644
--- a/configs/bank-landing/index.html
+++ b/configs/bank-landing/index.html
@@ -473,9 +473,12 @@
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 0.5rem;
+      max-width: 22rem;
+      margin: 0 auto;
     }
-    @media (min-width: 420px) {
-      .shop-grid { grid-template-columns: 1fr 1fr 1fr; }
+    .shop-box.shop-mini {
+      margin: 0 0 1rem;
+      padding: 0.85rem 0.9rem 0.95rem;
     }
     .shop-item {
       background: rgba(0, 0, 0, 0.28);
@@ -535,7 +538,6 @@
       </p>
     </header>
 
-
     <!-- ========== LIVE STATS ========== -->
     <section class="stats" id="stats" aria-labelledby="stats-title" hidden>
       <h2 id="stats-title">GOA flow</h2>
@@ -697,15 +699,12 @@
       </div>
     </section>
 
-    <!-- ========== Optional bank UI ========== -->
+    <!-- ========== Optional bank UI + mini GOA shop teaser ========== -->
     <div class="more-section">
-      <span class="more-label">Optional · bank UI &amp; merchant</span>
+      <span class="more-label">Optional · bank UI &amp; GOA shop</span>
       <div class="more-card">
-        <h2>Own bank account or shop?</h2>
-        <p>
-          Register in the bank UI for your own balance, or set up a shop at
-          <a href="https://taler.hacktivism.ch/" style="color:#f0c86a">taler.hacktivism.ch</a>.
-        </p>
+        <h2>Own bank account?</h2>
+        <p>Register in the bank UI for your own balance.</p>
         <div class="more-qr">
           <div class="qr-box">
             <div id="qr-webui"></div>
@@ -714,9 +713,28 @@
         </div>
         <div class="more-actions">
           <a class="cta-sec" href="/webui/">Open bank UI →</a>
-          <a class="cta-sec merchant" href="https://taler.hacktivism.ch/">Merchant backend →</a>
         </div>
       </div>
+
+      <aside class="shop-box shop-mini" aria-labelledby="shop-title" style="margin-top:1rem">
+        <h2 id="shop-title">GOA shop · samples</h2>
+        <p class="shop-lead">Example items at the merchant</p>
+        <div class="shop-grid">
+          <div class="shop-item">
+            <span class="emoji" aria-hidden="true">🪐</span>
+            <span class="name">Orbit sticker pack</span>
+            <span class="price">GOA:2</span>
+          </div>
+          <div class="shop-item">
+            <span class="emoji" aria-hidden="true">☕</span>
+            <span class="name">Nebula coffee</span>
+            <span class="price">GOA:5</span>
+          </div>
+        </div>
+        <p class="shop-foot">
+          <a href="https://taler.hacktivism.ch/intro/">For more → taler.hacktivism.ch</a>
+        </p>
+      </aside>
     </div>
 
     <footer>