function CTAArch({onDonate}) {
  return (
    <section className="cta-arch">
      <Spk size={20} style={{top:'14%', left:'10%'}} />
      <Spk size={14} style={{top:'22%', right:'12%'}} />
      <Spk size={18} style={{bottom:'18%', left:'18%'}} />
      <Spk size={12} style={{bottom:'22%', right:'8%'}} />
      <div style={{maxWidth:680, margin:'0 auto', position:'relative'}}>
        <svg viewBox="0 0 400 200" style={{position:'absolute', top:'-2rem', left:'50%', transform:'translateX(-50%)', width:'min(420px, 90%)', opacity:.18}}>
          <path d="M40 200 L40 100 Q40 20 200 20 Q360 20 360 100 L360 200" fill="none" stroke="#B58A4F" strokeWidth="1.5"/>
        </svg>
        <h2 style={{position:'relative'}}>Give Every Child <em>the Opportunity for Torah</em></h2>
        <p>Just $1 a day takes a child from a secular home and sets them on the path to Torah — starting with Shema Yisrael and reaching into a lifetime of mitzvos and learning.</p>
        <button className="btn-pill lg" onClick={onDonate}>Start a Child's Journey</button>
      </div>
    </section>
  );
}
window.CTAArch = CTAArch;