const Footer = () => {
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="footer-bigtype">
          Jouw stijl, <em>jouw verhaal.</em>
        </div>
        <div className="footer-top">
          <div>
            <div className="footer-mark">
              <img src="images/logo_stylistcoach_wit.png" alt="Stylist Coach" style={{height:"48px",width:"auto",marginTop:"8px",marginBottom:"20px"}} />
              <span className="sub">
                Fashion styling &amp; coaching, in één persoonlijke aanpak.
                Door Sanne Claessen.
              </span>
            </div>
          </div>
          <div className="footer-col">
            <div className="t">Menu</div>
            <ul>
              <li><a href="#about">Over mij</a></li>
              <li><a href="#services">Diensten</a></li>
              <li><a href="#reviews">Ervaringen</a></li>
              <li><a href="#quiz">Stijl-quiz</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <div className="t">Contact</div>
            <ul>
              <li><a href="mailto:info@stylistcoach.nl">info@stylistcoach.nl</a></li>
              <li><a href="tel:+31653755845">+31 6 53 75 58 45</a></li>
            </ul>
          </div>
          <div className="footer-col">
            <div className="t">Follow</div>
            <ul>
              <li><a href="https://www.instagram.com/destylistcoach/" target="_blank" rel="noopener noreferrer">Instagram</a></li>
              <li style={{display:"none"}}><a href="#" target="_blank" rel="noopener noreferrer">Pinterest</a></li>
              <li style={{display:"none"}}><a href="#" target="_blank" rel="noopener noreferrer">LinkedIn</a></li>
            </ul>
          </div>
        </div>
        <div className="footer-bottom">
          <div>© 2026 Stylist Coach — Sanne Claessen. All rights reserved.</div>
          <div>Ontworpen met Warmte door <a href="https://flowbee.tech" target="_blank" rel="noopener noreferrer" style={{color:"inherit"}}>FlowBee.tech</a></div>
        </div>
      </div>
    </footer>
  );
};

window.Footer = Footer;