// S9 - Footer
const SiteFooter = () => {
  return (
    <footer className="site-footer">
      <div className="footer-map">
        <div className="footer-map-inner">
          <iframe
            src="https://www.google.com/maps?q=Dizengoff%20255%2C%20Tel%20Aviv&output=embed&hl=iw"
            width="100%" height="260" style={{ border: 0, display: 'block' }}
            loading="lazy" referrerPolicy="no-referrer-when-downgrade"
            title="LumiVet — דיזנגוף 255, תל אביב"
          ></iframe>
          <a href="https://www.google.com/maps/dir/?api=1&destination=Dizengoff+255+Tel+Aviv" target="_blank" rel="noopener" className="map-pill">
            <MapIcon size={16} /> נווטו אלינו · דיזנגוף 255, תל אביב
          </a>
        </div>
      </div>
      <div className="container">
        <div className="footer-grid">
          <div>
            <div className="footer-logo">
              <img src="assets/logo-square.png" alt="LumiVet" style={{ height: 48, filter: 'brightness(0) invert(1)' }} />
              <div style={{ color: '#fff', fontWeight: 600, fontSize: 22 }}>LumiVet - לומיווט</div>
            </div>
            <p className="footer-tagline">
              LumiVet - מרכז לכירורגיה זעיר-פולשנית וטרינרית, תל אביב.
            </p>
          </div>
          <div className="footer-col">
            <h4>האתר</h4>
            <ul>
              <li><a href="/gentle-spay.html">העיקור העדין</a></li>
              <li><a href="/procedures.html">פרוצדורות</a></li>
              <li><a href="/about.html">ד׳׳ר דניאל</a></li>
              <li><a href="/vets.html">לווטרינרים</a></li>
              <li><a href="/blog.html">בלוג</a></li>
              <li><a href="/index.html#faq">שאלות נפוצות</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <h4>צור קשר</h4>
            <ul>
              <li><a href="https://wa.me/97233035033"><WhatsappIcon size={16} style={{ verticalAlign: '-3px', marginLeft: 6 }} /> WhatsApp</a></li>
              <li><a href="tel:+97233035033">03-303-5033</a></li>
              <li><a href="mailto:Daniel@lumivet.co.il">Daniel@lumivet.co.il</a></li>
              <li style={{ color: 'rgba(255,255,255,0.55)' }}>דיזנגוף 255, תל אביב</li>
            </ul>
          </div>
          <div className="footer-col">
            <h4>שעות פעילות</h4>
            <ul style={{ fontSize: 14 }}>
              <li>א׳–ה׳ · 09:00–20:00</li>
              <li>ו׳ · 09:00–14:00</li>
              <li style={{ color: '#7CA2FF' }}>מענה WhatsApp עד 22:00</li>
            </ul>
          </div>
        </div>
        <div className="footer-bottom">
          <div>© 2026 לומיווט. כל הזכויות שמורות.</div>
          <div className="footer-bottom-links">
            <a href="/terms.html">תקנון</a>
            <a href="/privacy.html">פרטיות</a>
            <a href="/accessibility.html">נגישות</a>
          </div>
        </div>
      </div>
    </footer>
  );
};
window.SiteFooter = SiteFooter;