// Moyee landing pages, shared chrome (NoticeBar, Nav, Footer, Reveal, icons) const {useState, useEffect, useRef, useContext} = React; /* ───── Language context (created first so all components can use it) ───── */ window.LangContext = React.createContext({lang: 'nl', setLang: () => {}}); /* ───── Icons (Lucide-style inline) ───── */ const Icon = ({d, size = 22, stroke = 1.5, ...rest}) => ( {d} ); const IconArrow = (p) => } />; const IconArrowDn = (p) => } />; const IconPhone = (p) => } />; const IconMail = (p) => } />; const IconCheck = (p) => } />; const IconCart = (p) => } />; const IconUser = (p) => } />; const IconStar = (p) => } fill="currentColor" stroke="none"/>; const IconQuote = (p) => }/>; const IconChat = (p) => } />; /* ───── Reveal-on-scroll wrapper ───── */ function Reveal({children, delay = 0, as: As = 'div', ...rest}) { const ref = useRef(null); const [v, setV] = useState(false); useEffect(() => { const o = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setTimeout(() => setV(true), delay); o.disconnect(); } }, {threshold: 0.15}); if (ref.current) o.observe(ref.current); return () => o.disconnect(); }, []); return ( {children} ); } /* ───── Language toggle (NL / EN) ───── */ function LangToggle() { const {lang, setLang} = useContext(window.LangContext); return (
{['nl','en'].map(l => ( ))}
); } /* ───── Top utility bar (contact info) ───── */ function NoticeBar() { const {lang} = useContext(window.LangContext); const tagline = lang === 'en' ? 'Trial package · Delivery within 5 working days' : 'Proefpakket · Levering binnen 5 werkdagen'; return ( ); } /* ───── Navigation, landing-page version with page-cluster switcher ───── */ const ALL_PAGES = [ {key:'bcorp', nl:'B-Corp & ESG', en:'B-Corp & ESG', file:'../b-corps/'}, {key:'tech', nl:'Tech scale-ups', en:'Tech scale-ups', file:'../tech/'}, {key:'creative', nl:'Creatieve agencies', en:'Creative agencies', file:'../creative/'}, {key:'professional', nl:'Prof. services', en:'Prof. services', file:'../professional/'}, {key:'cowork', nl:'Cowork & flex', en:'Cowork & flex', file:'../cowork/'}, {key:'finance', nl:'Finance', en:'Finance', file:'../finance/'}, {key:'horeca', nl:'HoReCa', en:'HoReCa', file:'../horeca/'}, {key:'ngo', nl:"NGO's", en:"NGOs", file:'../ngo/'}, ]; function PageSwitcher({active}) { const {lang} = useContext(window.LangContext); return ( ); } function Nav({active}) { const {lang} = useContext(window.LangContext); const ctaLabel = lang === 'en' ? 'Trial package' : 'Proefpakket'; return ( ); } /* ───── Footer ───── */ function Footer() { const {lang} = useContext(window.LangContext); const PROEFPAKKET = 'https://www.moyeecoffee.com/shop/4-flavour-pack-4-kg-1640#attribute_values=3'; const BUSINESS = 'https://business.moyeecoffee.com/'; const cols = lang === 'en' ? [ {h:'For businesses', items:[ {l:'Custom quote', href:BUSINESS}, {l:'Trial package', href:PROEFPAKKET}, {l:'Equipment', href:BUSINESS}, {l:'Service & maintenance',href:'https://www.moyeecoffee.com/contact'}, ]}, {h:'Coffee', items:[ {l:'Single Origin', href:'https://www.moyeecoffee.com/shop/single-1-kg-4'}, {l:'Double', href:'https://www.moyeecoffee.com/shop/double-1-kg-5'}, {l:'Triple', href:'https://www.moyeecoffee.com/shop/triple-1-kg-6'}, {l:'Dark Roast', href:'https://www.moyeecoffee.com/shop/dark-1-kg-7'}, ]}, {h:'About Moyee', items:[ {l:'Fairchain', href:'https://www.moyeecoffee.com/impact/'}, {l:'Our farmers', href:'https://www.moyeecoffee.com/our-social-impact/'}, {l:'Impact report', href:'https://www.moyeecoffee.com/radical-impact-coffee'}, {l:'Press', href:'https://www.moyeecoffee.com/blog'}, ]}, ] : [ {h:'Voor bedrijven', items:[ {l:'Offerte op maat', href:BUSINESS}, {l:'Proefpakket', href:PROEFPAKKET}, {l:'Apparatuur', href:BUSINESS}, {l:'Service & onderhoud', href:'https://www.moyeecoffee.com/nl/contact'}, ]}, {h:'Koffie', items:[ {l:'Single Origin', href:'https://www.moyeecoffee.com/shop/single-1-kg-4'}, {l:'Double', href:'https://www.moyeecoffee.com/shop/double-1-kg-5'}, {l:'Triple', href:'https://www.moyeecoffee.com/shop/triple-1-kg-6'}, {l:'Dark Roast', href:'https://www.moyeecoffee.com/shop/dark-1-kg-7'}, ]}, {h:'Over Moyee', items:[ {l:'Fairchain', href:'https://www.moyeecoffee.com/impact/'}, {l:'Onze boeren', href:'https://www.moyeecoffee.com/our-social-impact/'}, {l:'Impact rapport',href:'https://www.moyeecoffee.com/nl/radical-impact-coffee'}, {l:'Pers', href:'https://www.moyeecoffee.com/nl/blog'}, ]}, ]; const tagline = lang === 'en' ? 'Radically good coffee with radical impact. Since 2012, from Amsterdam, roasted in Addis Ababa & Amsterdam-Noord.' : 'Radically good coffee with radical impact. Sinds 2012, vanuit Amsterdam, gebrand in Addis Abeba & Amsterdam-Noord.'; const legalLinks = lang === 'en' ? [{l:'Privacy',href:'https://www.moyeecoffee.com/privacy-policy/'},{l:'Terms',href:'https://www.moyeecoffee.com/terms-and-conditions'},{l:'CoC 12345678'}] : [{l:'Privacy',href:'https://www.moyeecoffee.com/privacy-policy/'},{l:'Voorwaarden',href:'https://www.moyeecoffee.com/nl/terms-and-conditions'},{l:'KvK 12345678'}]; return ( ); } Object.assign(window, { Icon, IconArrow, IconArrowDn, IconPhone, IconMail, IconCheck, IconCart, IconUser, IconStar, IconQuote, IconChat, Reveal, LangToggle, NoticeBar, Nav, Footer, ALL_PAGES, });