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:
parent
059d9da5c4
commit
f3d88cc2a8
1 changed files with 8 additions and 28 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue