// homepage/mobile.jsx — mobile homepage (iPhone shell, single column)
const { useState: uSM, useEffect: uEM } = React;
function MobHeader() {
return (
);
}
function MobHero() {
const slides = window.HOME_DATA.heroSlides;
const [i, setI] = uSM(0);
const [paused, setPaused] = uSM(false);
uEM(() => {
if (paused) return;
const t = setTimeout(() => setI(p => (p + 1) % slides.length), 7000);
return () => clearTimeout(t);
}, [i, paused, slides.length]);
return (
setPaused(true)}
style={{ position: 'relative', height: 560, background: 'var(--ink)', color: 'var(--paper)', overflow: 'hidden' }}>
{slides.map((s, idx) => {
const active = idx === i;
return (
{s.placeholder && (
)}
{s.eyebrow}
{s.headline}
{s.sub}
);
})}
{/* dots */}
{slides.map((_, idx) => (
);
}
function MobUSP() {
const usps = [
{ k: 'Forever Trade-In', d: 'Trade back any time.', icon: '∞' },
{ k: 'Next-Day UK', d: 'Order by 12pm.', icon: '→' },
{ k: '30-Day Trial', d: 'Live with it first.', icon: '30' },
{ k: 'Authenticated', d: 'By a specialist.', icon: '✓' },
];
return (
{usps.map((u, i) => (
))}
);
}
function MobExplore() {
const axes = window.HOME_DATA.exploreAxes;
const [active, setActive] = uSM(axes[0].id);
const axis = axes.find(a => a.id === active);
const [lead, ...rest] = axis.cells;
return (
§02 — Explore
Pick a thread.
Pull on it.
412 pieces, four ways in. Pick the one that matches how you shop.
{/* horizontally-scrolling tab bar */}
{axes.map(a => {
const isA = a.id === active;
return (
);
})}
{axis.hint}
{/* lead card */}
{axis.label} · Lead
{lead.years || lead.range} · {lead.count} pieces
{lead.name}
{lead.blurb}
{/* 2-col grid for rest */}
);
}
function MobRecent() {
const items = window.HOME_DATA.recent;
return (
§03 — Inventory
Recently authenticated.
All →
);
}
function MobJournal() {
const items = window.HOME_DATA.editorial;
return (
§04 — Journal
From the journal.
All →
);
}
function MobEmail() {
return (
§05 — Newsletter
The list.
One email a week. New arrivals before they're listed. Unsubscribe in one click.
);
}
function MobFooter() {
return (
);
}
function HomeMobilePage() {
return (
);
}
Object.assign(window, { HomeMobilePage });