// Owner stats bar
window.OwnerStats=function OwnerStats({lang}){
  const fr=lang==="fr";
  const stats=[
    [fr?"Biens gérés":"Properties","60+"],
    [fr?"Occupation":"Occupancy","87%"],
    [fr?"Revenu moyen +":"Avg revenue +","+24%"],
    [fr?"Délai d'audit":"Audit time","48h"]
  ];
  return (
    <section style={{padding:"40px 0",borderBottom:"1px solid var(--line)"}}>
      <div className="container" style={{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:24}}>
        {stats.map(([l,v],i)=>(
          <div key={i}>
            <div style={{fontFamily:"var(--serif)",fontSize:42,color:"var(--ink)",lineHeight:1}}>{v}</div>
            <div style={{fontSize:11,letterSpacing:".2em",textTransform:"uppercase",color:"var(--muted)",marginTop:6}}>{l}</div>
          </div>
        ))}
      </div>
    </section>
  );
};
window.OwnerCTA=function OwnerCTA({lang}){
  const t=useT(lang);const fr=lang==="fr";
  return (
    <section className="section" style={{background:"var(--ink)",color:"var(--cream)"}}>
      <div className="container split">
        <div>
          <div className="eyebrow eb-line" style={{color:"var(--gold)"}}>{fr?"Audit gratuit":"Free audit"}</div>
          <h2 style={{color:"var(--cream)",marginTop:12,fontStyle:"italic"}}>{t.ow_cta_t}</h2>
          <p style={{color:"#B8C3C8",marginTop:16,fontSize:17}}>{t.ow_cta_s}</p>
          <a href="#/contact" className="btn btn-gold" style={{marginTop:24}}>{t.cta_quote}<Icon.arrow/></a>
        </div>
        <div style={{aspectRatio:"4/3",borderRadius:"var(--r-xl)",overflow:"hidden",position:"relative"}}>
          <PH hue="deep" label={fr?"Propriété":"Signature"} img={IMG.own.luxury} svg={PHart.hills}/>
        </div>
      </div>
    </section>
  );
};