// Cook Street Sourcing v2 — Sections 2: InternationalTrade, ServicesWhyUs, Categories, Process // ── International Trade ────────────────────────────────────────────────────── function InternationalTrade() { const ref = useReveal(0.08); const t = useT(); const it = t.intlTrade; return (
{/* Header */}
{it.label}

{it.headline1}
{it.headline2}
{it.headline3}

{it.sub}

{it.since}
{it.sinceLabel}
{it.continents}
{it.continentsLabel}
{/* Pillars — Process style, desktop 4-col */}
{it.pillars.map((p,i) => (
{p.n}

{p.title}

{p.desc}

))}
{/* Pillars — mobile vertical */}
{it.pillars.map((p,i) => (
{p.n}

{p.title}

{p.desc}

))}
); } // ── Services + Why Brands ──────────────────────────────────────────────────── function ServicesWhyUs() { const ref = useReveal(0.05); const t = useT(); const sw = t.servicesWhyUs; return (
{/* Header */}
{sw.label}

{sw.headline1}
{sw.headline2}

{sw.sub}

{/* Services — Process style */}
{/* Desktop: horizontal row */}
{sw.items.map((s,i) => (
{s.n}
{i < sw.items.length-1 &&
}

{s.title}

{s.desc}

))}
{/* Mobile: vertical */}
{sw.items.map((s,i) => (
{s.n}

{s.title}

{s.desc}

))}
); } // ── Categories ─────────────────────────────────────────────────────────────── function Categories() { const ref = useReveal(0.08); const t = useT(); const ct = t.categories; return (
{ct.label}

{ct.headline1}
{ct.headline2}

{ct.sub}

{ct.items.map((c,i) => (
{c.name} {c.note}
))}
); } // ── Process ────────────────────────────────────────────────────────────────── function Process() { const ref = useReveal(0.08); const t = useT(); const pr = t.process; return (
{pr.label}

{pr.headline1}
{pr.headline2}

{/* Desktop: horizontal with giant decorative numerals */}
{pr.steps.map((s,i) => (
{s.n}
{i < pr.steps.length-1 && (
)}

{s.title}

{s.desc}

))}
{/* Mobile: vertical */}
{pr.steps.map((s,i) => (
{s.n}

{s.title}

{s.desc}

))}
); } Object.assign(window, { InternationalTrade, ServicesWhyUs, Categories, Process });