function Footer() {
  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 footer-logo-col">
          <img src="/assets/logo.webp" style={{height:180,width:'auto',maxWidth:'100%',display:'block',objectFit:'contain',objectPosition:'left center'}} alt="Maggie May Fried Chicken" />
        </div>
        <div className="footer-col">
          <div className="footer-col-label">Order</div>
          <a href="https://food.grab.com/th/en/restaurant/maggie-mays-fried-chicken---%E0%B8%8A%E0%B8%B1%E0%B8%A2%E0%B8%9E%E0%B8%A4%E0%B8%81%E0%B8%A9%E0%B9%8C-4/1/3-C8DEJ6LELE6YBA" target="_blank" rel="noopener" className="footer-link">Grab Delivery</a>
          <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;