// Shared public chrome — nav, footer, utilities. Pairs with styles/public.css. const { useState, useEffect, useRef, useMemo } = React; const NAV = [ { href:'/product/reservations', label:'Product', key:'product', submenu: [ { href:'/product/reservations', label:'Reservations', hint:'Books · waitlist · guest CRM' }, { href:'/product/service', label:'Service floor', hint:'Floor plan · pacing · host stand' }, { href:'/product/finance', label:'Finance & menu',hint:'Invoices · GP · menu engineering' }, { href:'/product/mise', label:'Mise · the agent', hint:'Drafts for approval, never autopilot' }, ] }, { href:'/pricing', label:'Pricing', key:'pricing' }, { href:'/customers', label:'Customers', key:'customers' }, { href:'/about', label:'Philosophy', key:'about' }, { href:'/changelog', label:'Changelog', key:'changelog' }, { href:'/security', label:'Security', key:'security' }, ]; function Brand({ size=22, sub=false }) { return ( Bord{sub && by Mise en Place} ); } function PublicNav({ current }) { const [open, setOpen] = useState(null); return (
{NAV.map(item => { const active = current === item.key; return (
item.submenu && setOpen(item.label)} onMouseLeave={() => setOpen(null)} style={{ position:'relative', padding:'14px 0' }}> {item.label} {item.submenu && ▾} {item.submenu && open === item.label && ( )}
); })}
Sign in Request a demo
); } function PublicFooter() { return ( ); } function FooterCol({ title, links }) { return (
{title}
{links.map(([label, href]) => {label})}
); } // =========================================================================== // Section primitives // =========================================================================== function Eyebrow({ children, plain, mute }) { return
{children}
; } function SectionHead({ eyebrow, title, lede, children, align='split' }) { if (align === 'center') { return (
{eyebrow && {eyebrow}}

{title}

{lede &&

{lede}

} {children}
); } return (
{eyebrow && {eyebrow}}

{title}

{lede &&

{lede}

} {children}
); } // =========================================================================== // Logo strip — invented Nordic fine-dining names // =========================================================================== const DEFAULT_LOGOS = [ { name: 'Björk & Hagel', sub: 'Stockholm · 2★' }, { name: 'Nocturne', sub: 'Malmö · 1★' }, { name: 'Salt & Ember', sub: 'Göteborg' }, { name: 'Fyra Vindar', sub: 'Copenhagen · 2★' }, { name: 'Råmtida', sub: 'Uppsala · 1★' }, { name: 'Ateljé Nord', sub: 'Stockholm' }, { name: 'Vänd', sub: 'Åre' }, { name: 'Glimma', sub: 'Oslo · 1★' }, ]; function LogoStrip({ items=DEFAULT_LOGOS, marquee=false }) { const renderRow = (k='') => (
{items.map((l,i) => (
{l.name}
{l.sub}
))}
); if (!marquee) return
{items.map((l,i) => (
{l.name}
{l.sub}
))}
; return (
{renderRow('a')}{renderRow('b')}
); } // =========================================================================== // Product-shot frame + mini operator chrome // =========================================================================== function ProductShot({ path='bord.app/overview', children, chromeless, style }) { return (
{!chromeless &&
{path}
} {children}
); } function ShotSidebar({ active='overview', compact=false }) { const items = [ { id:'overview', icon:, label:'Overview' }, { id:'reservations', icon:, label:'Reservations' }, { id:'floor', icon:, label:'Floor plan' }, { id:'menu', icon:, label:'Menu' }, { id:'engineering', icon:, label:'Engineering' }, { id:'wine', icon:, label:'Wine list' }, { id:'inventory', icon:, label:'Inventory' }, { id:'invoices', icon:, label:'Invoices' }, { id:'schedule', icon:, label:'Schedule' }, { id:'mise', icon:, label:'Mise' }, ]; return ( ); } function ShotTopbar({ title, subtitle, crumbs=['Bord'], actions }) { return (
{crumbs.join(' · ')}
{title}
{subtitle &&
{subtitle}
}
{actions}
); } function ShotApp({ active, title, subtitle, crumbs, actions, children, compactSidebar }) { return (
{children}
); } // =========================================================================== // CTA block, proof bar, pull-quote, reveal hook // =========================================================================== function CtaBlock({ eyebrow='Bring Bord to your floor', title=<>Calm service. Sharper margin., sub='Book a 30-minute demo. We tailor it to your covers, your floor plan, and your dishes — no slides, just your data.', }) { return (
{eyebrow}

{title}

{sub}

); } function ProofBar({ items }) { return (
{items.map((it, i) => (
{it.value}
{it.label}
{it.note &&
{it.note}
}
))}
); } function Pullquote({ children, attrib }) { return (

{children}

{attrib &&
— {attrib}
}
); } function CookieBanner() { const [open, setOpen] = useState(() => { try { return localStorage.getItem('bord_cookie_ack') !== '1'; } catch { return true; } }); if (!open) return null; const dismiss = () => { try { localStorage.setItem('bord_cookie_ack', '1'); } catch {} setOpen(false); }; return (
Strictly-necessary cookies for auth and a single first-party analytics cookie. No third-party trackers on this site.
); } function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.08 }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); } Object.assign(window, { Brand, PublicNav, PublicFooter, FooterCol, Eyebrow, SectionHead, LogoStrip, ProductShot, ShotSidebar, ShotTopbar, ShotApp, CtaBlock, ProofBar, Pullquote, CookieBanner, useReveal, });