// Burger House — shared UI components const Wordmark = ({ small } = {}) => (
Burger House
); const NavBar = ({ onNav, current }) => { const links = ['Menu', 'Locations', 'Rewards', 'Order']; return (
onNav?.('home')} style={{ cursor: 'pointer' }}>
); }; const MobileNavBar = ({ onNav }) => (
); const Footer = () => ( ); const ProductCard = ({ p, onClick, compact }) => (
{p.name} {p.badges?.[0] && ( {p.badges[0]} )}

{p.name}

£{p.price.toFixed(2)}

{p.tagline}

{p.calories} kcal
); const CategoryTile = ({ c, onClick }) => (
{c.name}

{c.name}

{c.count} items
); Object.assign(window, { Wordmark, NavBar, MobileNavBar, Footer, ProductCard, CategoryTile });