// Owner service card
window.OwnerCard=function OwnerCard({o,lang}){
  const t=useT(lang);
  const fr=lang==="fr";
  const title=fr?o.titleFR:o.titleEN;
  const desc=fr?o.descFR:o.descEN;
  const feats=fr?o.featuresFR:o.featuresEN;
  const price=fr?o.priceFR:o.priceEN;
  const hues={gestion:"deep",revenu:"sand",maint:"coral",analytics:"lagoon",acquisition:"sand",luxury:"deep"};
  return (
    <article className="card">
      <div className="card-img" style={{aspectRatio:"16/10"}}>
        <PH hue={hues[o.id]||"lagoon"} label={title} small={o.tag} img={IMG.own[o.id]} svg={PHart.hills}/>
        <span className="chip chip-gold">{o.tag}</span>
      </div>
      <div className="card-body">
        <h3>{title}</h3>
        <p className="card-desc" style={{WebkitLineClamp:3}}>{desc}</p>
        <ul className="card-feat">
          {feats.slice(0,3).map((x,i)=><li key={i}>{x}</li>)}
        </ul>
      </div>
      <div className="card-foot">
        <div className="price" style={{fontSize:18}}>{price}</div>
        <a className="btn btn-ghost btn-sm" href="#/contact">{t.cta_quote}<Icon.arrow/></a>
      </div>
    </article>
  );
};