/* ============================================================ HOME — configurable hero · value strip · category grid · featured products · one-cart band ============================================================ */ /* ── Hero — light split, config-driven from BRAND.hero ────── */ function HomeHero() { const { nav } = useStore(); const H = BB.BRAND.hero; const panels = BB.IMG.hero.panels; return (
{/* copy */}

{H.titleA}
{H.titleB}

{/* multi-category collage */}
{panels.map((p, i) => (
{p.label}
))}
); } /* ── Value strip — real platform features, no invented stats ── */ function ValueStrip() { const items = [ [I.truck, 'Nationwide delivery', 'Tracked door-to-door'], [I.shield, 'Secure checkout', 'Card, transfer — encrypted end to end'], [I.globe, 'Secure payment', 'Paystack, Flutterwave or wire transfer'], [I.box, 'Live order tracking', 'From confirmed to delivered'], ]; return (
{items.map(([Icon, t, s], i) =>
{Icon({ width: 21, height: 21 })}
{t}
{s}
)}
); } /* ── Category grid ─────────────────────────────────────────── */ function CategoryGrid() { const { nav } = useStore(); return (

Everything for the home.

{BB.navCategories.map((c, i) => { const count = BB.products.filter(p => BB.matchesNavCat(p, c)).length; return ( nav('shop', { cat: c.id })} style={{ cursor: 'pointer' }}>

{c.name}

{`${count} product${count !== 1 ? 's' : ''}`}
); })}
); } /* ── Featured products ─────────────────────────────────────── */ function Featured() { const { nav } = useStore(); const [tab, setTab] = useState('best'); const list = BB.products.filter((p) => tab === 'best' ? p.tags.includes('best') : p.tags.includes('new')).slice(0, 8); return (

Loved in-store

{list.map((p, i) => )}
); } /* ── Visit us — physical store, real address ─────────────── */ function VisitBand() { const { nav } = useStore(); const B = BB.BRAND; return (

Visit us
in Opebi.

{B.address}
{B.hours}
); } function HomePage() { return ( <> ); } Object.assign(window, { HomePage });