// Agent Builder — Shared page hero + closing CTA for inner pages

function PageHero({ eyebrow, title, lede }) {
  return (
    <section className="page-hero">
      <div className="hero-bg" style={{ backgroundImage: "url(assets/bg/hero_bg02.jpg)" }}></div>
      <div className="container">
        <Reveal className="page-hero-inner">
          <Eyebrow>{eyebrow}</Eyebrow>
          <h1 className="title t-sec" dangerouslySetInnerHTML={{ __html: title }} />
          {lede && <p className="lede">{lede}</p>}
        </Reveal>
      </div>
    </section>
  );
}

function PageCTA({ title, text }) {
  return (
    <section className="final">
      <div className="container">
        <Reveal className="final-band">
          <h2 dangerouslySetInnerHTML={{ __html: title }} />
          {text && <p>{text}</p>}
          <div className="final-cta">
            <CTAButton href="Contato.html">solicitar demonstração</CTAButton>
          </div>
        </Reveal>
      </div>
    </section>
  );
}

Object.assign(window, { PageHero, PageCTA });