feat(app-shop): drop the stock stat strip and the teaser blurbs

- 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.
This commit is contained in:
SkateSpots 2026-09-27 22:01:48 +07:00
parent 059d9da5c4
commit f3d88cc2a8

View file

@ -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