// For Loan Officers page — wraps the existing LO + Integrations sections

function LoanOfficersPage({ accent, wordmark }) {
  return (
    <React.Fragment>
      <PageHero
        eyebrow="FOR LOAN OFFICERS"
        subtitle="Show up on every flyer your realtor partners send. Eight formats, one brand kit. Daily content queued by Lola. Co-brand without lifting a finger."
      >
        Be in the room,<br />
        even when you're <span className="hero-em">not.</span>
      </PageHero>

      <LoanOfficerSection accent={accent} wordmark={wordmark} embedded />

      <section className="page-cta">
        <div className="page-cta-inner">
          <h2>Show up everywhere your partners send a flyer.</h2>
          <p>Eight formats. One brand kit. Daily content queued for you.</p>
          <Waitlist accent={accent} />
        </div>
      </section>
    </React.Fragment>
  );
}

Object.assign(window, { LoanOfficersPage });