From f3d88cc2a8cc25f51f4e5908dc9eb24c3fbfd79e Mon Sep 17 00:00:00 2001
From: SkateSpots <skatespots>
Date: Sun, 27 Sep 2026 22:01:48 +0700
Subject: [PATCH] feat(app-shop): drop the stock stat strip and the teaser
 blurbs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove the 0 / None / Nothing tiles (items in stock, pre-orders, for sale
  today) — the honesty footer already says there is no stock.
- 'In the works' cards are now just icon + label + SOON badge, no small print
  ('Heavyweight...', 'Small numbered runs...', etc).

Verified in the browser: strip and blurbs gone, everything else intact.
---
 src/pages/AppShopPage.tsx | 36 ++++++++----------------------------
 1 file changed, 8 insertions(+), 28 deletions(-)

diff --git a/src/pages/AppShopPage.tsx b/src/pages/AppShopPage.tsx
index d13290f..0c05efd 100644
--- a/src/pages/AppShopPage.tsx
+++ b/src/pages/AppShopPage.tsx
@@ -35,10 +35,10 @@ const REQUEST_HREF = `/messages/${SHOP_OWNER_NPUB}`;
 
 /** What we're working on. Not products, not prices — just intent. */
 const PLANNED = [
-  { icon: Shirt, label: 'Tees & hoodies', note: 'Heavyweight, printed somewhere that pays people properly.' },
-  { icon: Package, label: 'Decks', note: 'Small numbered runs. Ride it or hang it, your call.' },
-  { icon: Sticker, label: 'Sticker packs', note: 'For the box, the rail, the laptop lid.' },
-  { icon: Hammer, label: 'Shop tools', note: 'The hardware the homies actually wear out.' },
+  { icon: Shirt, label: 'Tees & hoodies' },
+  { icon: Package, label: 'Decks' },
+  { icon: Sticker, label: 'Sticker packs' },
+  { icon: Hammer, label: 'Shop tools' },
 ];
 
 const PAY_CHIPS = [
@@ -123,25 +123,6 @@ export default function AppShopPage() {
         </div>
       </section>
 
-      {/* ── Honest stock strip ───────────────────────────────────────────── */}
-      <div className="mt-4 grid grid-cols-3 gap-2 sm:gap-3">
-        {[
-          { k: 'Items in stock', v: '0' },
-          { k: 'Pre-orders', v: 'None' },
-          { k: 'For sale today', v: 'Nothing' },
-        ].map((s) => (
-          <div
-            key={s.k}
-            className="rounded-2xl border border-white/8 bg-white/[0.03] px-3 py-4 text-center"
-          >
-            <p className="text-xl font-black text-white sm:text-2xl">{s.v}</p>
-            <p className="mt-1 text-[10px] font-bold uppercase tracking-widest text-gray-500">
-              {s.k}
-            </p>
-          </div>
-        ))}
-      </div>
-
       {/* ── What's in the works ──────────────────────────────────────────── */}
       <section className="mt-10">
         <div className="mb-4 flex items-center gap-3">
@@ -155,7 +136,7 @@ export default function AppShopPage() {
         </div>
 
         <div className="grid gap-3 sm:grid-cols-2">
-          {PLANNED.map(({ icon: Icon, label, note }) => (
+          {PLANNED.map(({ icon: Icon, label }) => (
             <div
               key={label}
               className="group relative overflow-hidden rounded-2xl border-2 border-dashed border-white/12 bg-white/[0.02] p-4 transition-colors hover:border-[#ccff00]/30"
@@ -164,10 +145,9 @@ export default function AppShopPage() {
                 <span className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[#ccff00]/10 text-[#ccff00]">
                   <Icon className="h-5 w-5" />
                 </span>
-                <div className="min-w-0">
-                  <p className="font-black uppercase tracking-wide text-white">{label}</p>
-                  <p className="mt-0.5 text-xs leading-relaxed text-gray-400">{note}</p>
-                </div>
+                <p className="min-w-0 self-center font-black uppercase tracking-wide text-white">
+                  {label}
+                </p>
               </div>
               <span className="absolute right-3 top-3 rounded-full border border-white/12 px-2 py-0.5 text-[9px] font-black uppercase tracking-widest text-gray-500">
                 soon