function Footer({ onGrabClick }) {
  return (
    <footer id="visit" style={{padding:'64px 48px 40px',background:'var(--charcoal-900)',borderTop:'1px solid var(--border-subtle)'}}>
      <div className="footer-grid">
        <div className="footer-col">
          <img src="/assets/logo.webp" style={{height:180,width:'auto',maxWidth:'100%',display:'block'}} alt="" />
        </div>
        <div className="footer-col">
          <div className="footer-col-label">Order</div>
          <button onClick={onGrabClick} className="footer-link" style={{fontFamily:'inherit',fontSize:'inherit',background:'none',border:'none',padding:0,margin:0,cursor:'pointer',textAlign:'inherit'}}>Grab Delivery</button>
          <a href="https://maps.app.goo.gl/p9xYpW2WQLFfHvSo8" target="_blank" rel="noopener noreferrer" className="footer-link">Dine In</a>
        </div>
        <div className="footer-col">
          <div className="footer-col-label">Hours</div>
          <div>10:30 AM – 7:30 PM Daily</div>
        </div>
        <div className="footer-col">
          <div className="footer-col-label">Address</div>
          <a href="https://maps.app.goo.gl/p9xYpW2WQLFfHvSo8" target="_blank" rel="noopener noreferrer" className="footer-link">Maggie Mays Resort, Jomtien<br/>Pattaya, Thailand</a>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;