// CTAPanel, full-bleed purple CTA with banner backdrop.
const CTAPanel = () => {
  return (
    <section className="k-ctapanel">
      <div className="k-ctapanel__inner">
        <div className="k-ctapanel__eyebrow">R E A D Y &nbsp; W H E N &nbsp; Y O U &nbsp; A R E</div>
        <h2 className="k-ctapanel__title">
          Make this move-in<br/>the smoothest yet.
        </h2>
        <p className="k-ctapanel__lead">
          A 30-minute conversation is enough to see how KxWelcome can change the way your team runs arrivals.
        </p>
        <div className="k-ctapanel__ctas">
          <button className="k-btn k-btn--onpurple k-btn--lg">Book a demo</button>
          <a href="#" className="k-btn k-btn--ghost-onpurple k-btn--lg">Talk to sales →</a>
        </div>
      </div>
    </section>
  );
};
window.CTAPanel = CTAPanel;