// Footer
window.Footer=function Footer({lang}){
  const t=useT(lang);
  const Y=new Date().getFullYear();
  const fr=lang==="fr";
  const Col=({title,items})=>(
    <div>
      <h4>{title}</h4>
      <ul>{items.map((x,i)=><li key={i}>{typeof x==="string"?x:<a href={x[1]}>{x[0]}</a>}</li>)}</ul>
    </div>
  );
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div>
            <div className="brand">
              <img src="assets/logo.png" alt="" style={{width:40,height:40}}/>
              <div><b>Dynasty Dream</b><small>Mauritius · Ltd</small></div>
            </div>
            <p style={{marginTop:16,maxWidth:"32ch"}}>
              {fr?"Conciergerie haut de gamme et services sur-mesure à l'Île Maurice.":"Premium concierge and tailored services in Mauritius."}
            </p>
            <div className="socials">
              <a href={WA_LINK}><Icon.wa size={16}/></a>
              <a href="#"><Icon.spark size={16}/></a>
              <a href="#"><Icon.mail size={16}/></a>
            </div>
          </div>
          <Col title={t.nav_traveler} items={[
            [fr?"Excursions":"Excursions","#/voyageurs"],
            [fr?"Voitures":"Cars","#/voyageurs"],
            [fr?"Scooter & Vélo":"Scooter & Bike","#/voyageurs"],
            [fr?"Conciergerie":"Concierge","#/tarifs"]]}/>
          <Col title={t.nav_owner} items={[
            [fr?"Gestion locative":"Rental","#/proprietaires"],
            [fr?"Optimisation":"Yield","#/proprietaires"],
            [fr?"Maintenance":"Maintenance","#/proprietaires"]]}/>
          <Col title={t.nav_contact} items={[t.addr_v,WA_NUMBER,"hello@dynastydream.mu"]}/>
        </div>
        <div className="footer-bottom">
          <span>© {Y} Dynasty Dream Ltd. {t.rights}</span>
          <span>Made with ♥ in Mauritius</span>
        </div>
      </div>
    </footer>
  );
};