// HomeCTA — translated, used by detail pages
function HomeCTA() {
  useLang();
  return (
    <section style={{background:'var(--saffron)',color:'var(--indigo-900)',padding:'56px 0'}}>
      <div className="container" style={{textAlign:'center'}}>
        <div className="reveal">
          <div style={{display:'inline-flex',alignItems:'center',gap:8,padding:'8px 16px',background:'rgba(20,28,66,.1)',borderRadius:999,fontSize:12,fontWeight:700,letterSpacing:'.08em',textTransform:'uppercase'}}>
            {t('cta.guarantee')}
          </div>
          <h2 className="h-display h2" style={{marginTop:16,color:'var(--indigo-900)'}}>
            {t('cta.title')}
          </h2>
          <p className="lead" style={{color:'var(--indigo-800)',maxWidth:560,margin:'14px auto 0'}}>
            {t('cta.lead')}
          </p>
          <div style={{display:'flex',gap:10,justifyContent:'center',flexWrap:'wrap',marginTop:28}}>
            <a href="contact.html" className="btn btn-dark">{t('cta.book')}</a>
            <a href={FLC_WA} target="_blank" className="btn btn-light">{t('cta.wa')}</a>
          </div>
        </div>
      </div>
    </section>
  );
}
window.HomeCTA = HomeCTA;