function Header({ page, onNav }) {
  const [menuOpen, setMenuOpen] = React.useState(false);
  const links = [ ['home','ホーム'], ['service','Lienとは'], ['company','会社概要'], ['contact','お問い合わせ'] ];
  const handleNav = (key) => { onNav(key); setMenuOpen(false); };
  return React.createElement('header', { className:'site-header', style:{
    display:'flex', alignItems:'center', justifyContent:'space-between', padding:'16px 48px',
    background:'var(--surface-page)', borderBottom:'1px solid var(--border-default)', position:'sticky', top:0, zIndex:10,
  } },
    React.createElement('img', { className:'site-logo', src:'logo.png', style:{ height:80, cursor:'pointer' }, onClick:()=>handleNav('home') }),
    React.createElement('nav', { className:'site-nav' + (menuOpen ? ' site-nav-open' : ''), style:{ display:'flex', gap:36 } },
      links.map(([key,label]) => React.createElement('span', {
        key, onClick:()=>handleNav(key),
        style:{
          fontFamily:'var(--font-sans)', fontSize:'0.9375rem', cursor:'pointer',
          color: page===key ? 'var(--text-heading)' : 'var(--text-body)',
          borderBottom: page===key ? '2px solid var(--color-blue-400)' : '2px solid transparent', paddingBottom:4,
        },
      }, label))
    ),
    React.createElement('button', {
      className:'hamburger-btn', 'aria-label':'メニューを開く', onClick:()=>setMenuOpen(o=>!o),
    },
      React.createElement('span'), React.createElement('span'), React.createElement('span')
    )
  );
}
function Footer() {
  return React.createElement('footer', { className:'site-footer', style:{
    padding:'48px', background:'var(--surface-page-alt)', borderTop:'1px solid var(--border-default)',
    display:'flex', justifyContent:'space-between', alignItems:'flex-start', fontFamily:'var(--font-sans)',
  } },
    React.createElement('div', {},
      React.createElement('img', { src:'logo.png', style:{ height:72, marginBottom:8 } }),
      React.createElement('div', { style:{ fontSize:'0.8125rem', color:'var(--text-muted)' } }, '合同会社 Lien\'S')
    ),
    React.createElement('div', { style:{ fontSize:'0.8125rem', color:'var(--text-muted)' } }, '© 2026 Lien\'S LLC. All rights reserved.')
  );
}
Object.assign(window, { Header, Footer });