// Duo: travelers vs owners big-space split
window.DuoSection=function DuoSection({lang}){
  const fr=lang==="fr";
  const cards=fr?DUO_FR:DUO_EN;
  const arts=[PHart.waves,PHart.hills];
  return (
    <section className="section">
      <div className="container">
        <SectionHead
          eb={fr?"Deux univers, une signature":"Two worlds, one signature"}
          title={fr?"Choisissez votre côté de Maurice":"Choose your side of Mauritius"}
          sub={fr?"De passage ou propriétaire ici, on parle votre langue.":"Visitor or owner, we speak your language."}/>
        <div className="duo">
          {cards.map((c,i)=>(
            <a key={i} className="duo-card" href={c.to}>
              <PH hue={c.hue} label={c.label} img={IMG.duo[i]} svg={arts[i]}/>
              <div className="duo-feats">{c.feats.map((f,k)=><span key={k}>{f}</span>)}</div>
              <div>
                <div className="duo-eyebrow">{c.eb}</div>
                <h2>{c.title}</h2>
                <p>{c.sub}</p>
                <div className="duo-cta">{c.cta}<Icon.arrow/></div>
              </div>
            </a>
          ))}
        </div>
      </div>
    </section>
  );
};