function Footer({ setPage }) {
  function goToPolicy(id) {
    if (setPage) setPage('policies', { tab: id });
  }
  return (
    <footer style={{ padding: `48px var(--page-gutter) 40px`, textAlign: 'center', fontFamily: 'var(--font-body)' }}>
      <div style={{ fontFamily: 'var(--font-display)', fontWeight: 600, fontSize: 20, color: 'var(--text-primary)', marginBottom: 6 }}>
        Little Olive Street
      </div>
      <div style={{ color: 'var(--text-secondary)', fontSize: 14, marginBottom: 6 }}>
        Insanely delectable. Every time.
      </div>
      <div style={{ color: 'var(--text-secondary)', fontSize: 12.5, marginBottom: 20 }}>
        Made in a home kitchen, DSHS Reg. #1514
      </div>
      <div style={{ display: 'flex', justifyContent: 'center', gap: 24, flexWrap: 'wrap', fontSize: 13.5, color: 'var(--text-secondary)', marginBottom: 16 }}>
        <a href="mailto:littleolivestreet@gmail.com" style={{ color: 'var(--text-secondary)', textDecoration: 'none' }}>littleolivestreet@gmail.com</a>
        <span>Sugar Land, TX 77479</span>
        <span>Pickup only. Ask about delivery.</span>
      </div>
      <div style={{ display: 'flex', justifyContent: 'center', gap: 20, flexWrap: 'wrap', fontSize: 13, color: 'var(--text-secondary)', marginBottom: 20 }}>
        <span onClick={() => goToPolicy('privacy')} style={{ cursor: 'pointer', textDecoration: 'underline', textUnderlineOffset: 3 }}>Privacy Policy</span>
        <span onClick={() => goToPolicy('terms')} style={{ cursor: 'pointer', textDecoration: 'underline', textUnderlineOffset: 3 }}>Terms &amp; Conditions</span>
        <span onClick={() => goToPolicy('refunds')} style={{ cursor: 'pointer', textDecoration: 'underline', textUnderlineOffset: 3 }}>Refund Policy</span>
        <span onClick={() => goToPolicy('allergy')} style={{ cursor: 'pointer', textDecoration: 'underline', textUnderlineOffset: 3 }}>Allergy Disclaimer</span>
      </div>
      <div style={{ fontSize: 12, color: 'var(--text-secondary)', opacity: 0.7 }}>
        © 2026 Little Olive Street
      </div>
    </footer>
  );
}