/* Floating site navigation — bunkerme (responsive).
Desktop: bunkerme · Platform ▾ · How it works · Ports · About | Log in · Get started
Mobile (≤860px): logo + hamburger → full-screen drawer with the same links. */
function SiteNav() {
const vw = useVW();
const isMobile = vw <= 860;
const [scrolled, setScrolled] = React.useState(false);
const [openPlatform, setOpenPlatform] = React.useState(false);
const [drawer, setDrawer] = React.useState(false);
const [mPlatform, setMPlatform] = React.useState(false);
const closeTimer = React.useRef(null);
React.useEffect(() => {
const onScroll = () => setScrolled((window.scrollY || 0) > 8);
onScroll();
window.addEventListener('scroll', onScroll);
return () => window.removeEventListener('scroll', onScroll);
}, []);
React.useEffect(() => {
document.body.style.overflow = drawer ? 'hidden' : '';
return () => { document.body.style.overflow = ''; };
}, [drawer]);
React.useEffect(() => { if (!isMobile) setDrawer(false); }, [isMobile]);
const open = () => { clearTimeout(closeTimer.current); setOpenPlatform(true); };
const close = () => { closeTimer.current = setTimeout(() => setOpenPlatform(false), 110); };
const platformItems = [
['radar', 'Source', 'Live market prices and quotes across 100+ ports.', 'platform.html#source'],
['lock', 'Fix', 'Lock a stem and confirm nomination in a single flow.', 'platform.html#fix'],
['wallet', 'Pay later', 'Settle on flexible Net 30 / 60 credit terms.', 'platform.html#pay-later'],
['activity', 'Monitor', 'Track deliveries, claims, and spend across your fleet.', 'platform.html#monitor'],
];
const plainLinks = [
['How it works', 'index.html#how'],
['Ports', 'index.html#ports'],
['About', 'about.html'],
];
const Brand = (
bunkerme
);
/* ---------- MOBILE ---------- */
if (isMobile) {
return (
{Brand}
{/* drawer */}
);
}
/* ---------- DESKTOP ---------- */
return (
{Brand}