function MidCTA({ hook, sub }) {
  return (
    <section className="alg-midcta">
      <div className="alg-container alg-midcta-inner">
        <div className="alg-midcta-copy">
          <div className="alg-midcta-eyebrow">
            <span className="alg-midcta-rule"></span>
            <span>Next step</span>
          </div>
          <h3 className="alg-midcta-hook">{hook}</h3>
          {sub && <p className="alg-midcta-sub">{sub}</p>}
        </div>
        <a href="#contact" className="alg-btn alg-btn-primary alg-btn-lg alg-midcta-btn">
          Request a Discovery Call
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
        </a>
      </div>
    </section>
  );
}
window.MidCTA = MidCTA;
