// Header / nav
const { useState, useEffect, useRef, useMemo } = React;
function Logo({size=46, mark=true}){
// Double-ring badge with the Ampersand Peach mark — matches the Logo Asset Pack.
return (
P&L England
Simply Fresh
);
}
function Nav(){
const [scrolled, setScrolled] = useState(false);
const [open, setOpen] = useState(false);
useEffect(()=>{
const onScroll = ()=> setScrolled(window.scrollY > 40);
window.addEventListener('scroll', onScroll);
return ()=> window.removeEventListener('scroll', onScroll);
},[]);
const links = [
['About','#about'],
['What We Do','#services'],
['Produce','#produce'],
['Routes','#routes'],
['Contact','#quote'],
];
return (
);
}
Object.assign(window, { Logo, Nav });