/* Closing CTA + footer */
function FinalCTA() {
  return (
    <section className="po-final">
      <div className="wrap po-final-inner reveal">
        <div className="po-final-glow" aria-hidden="true"></div>
        <span className="eyebrow" style={{ color: "oklch(0.82 0.09 26)" }}><Icon name="rocket" size={15} /> Your move</span>
        <h2>The job is here. Let's go get the offer.</h2>
        <p>Build the skills, fix the resume, ace the interview - on a path made for developers who crossed an ocean to be here.</p>
        <div className="po-final-actions">
          <a href="/learn/module-1" className="btn btn-primary">Start the course - free <Icon name="arrow" size={18} /></a>
          <a href="#roadmap" className="btn po-final-ghost">Revisit the modules</a>
        </div>
        <span className="po-final-note mono">Module 1 is free · unlock the full program when you're ready · 30-day money-back guarantee</span>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="po-footer">
      <div className="wrap po-footer-inner">
        <div className="po-footer-brand">
          <a href="/" className="po-logo po-logo-foot" aria-label="beHired">
            <img className="po-logo-mark" src="/logo.svg" alt="" width="28" height="28" />
            <span className="po-word" aria-hidden="true">beH<span className="po-word-i">&#x0131;</span>red</span>
          </a>
          <p>The career path for developers building a new life in Canadian tech.</p>
          <span className="po-footer-loc mono"><Icon name="pin" size={14} /> Toronto · Vancouver · Montreal</span>
        </div>
        <div className="po-footer-end">
          <nav className="po-footer-legal" aria-label="Legal">
            <a href="/privacy">Privacy</a><a href="/terms">Terms</a><a href="/refund">Refunds</a><a href="mailto:contact@behired.dev">Contact</a>
          </nav>
          <p className="po-footer-disclaimer">Educational content only - individual results vary and no employment outcome is guaranteed. Not legal, immigration, or financial advice.</p>
          <span className="po-footer-copy mono">© 2026 beHired</span>
        </div>
      </div>
    </footer>
  );
}

window.FinalCTA = FinalCTA;
window.Footer = Footer;