/* BOOK SAMTALE — Camila-stil med Calendly-embed */

function PageHeader() {
  return (
    <section className="cph">
      <div className="cph-inner">
        <div className="cph-crumbs">
          <a href="index.html">Hjem</a> <span>·</span> Book en samtale
        </div>
        <h1 className="cph-title">
          En samtale<br/><em>uten salg.</em>
        </h1>
        <p className="cph-lede">
          Tretti minutter. Online. Ikke for å bli overbevist — men for å
          forstå om det stemmer.
        </p>
      </div>
    </section>
  );
}

function BookingGrid() {
  return (
    <section className="cbook">
      <div className="cbook-inner">
        <aside className="cbook-side reveal">
          <span className="eyebrow">Hva dette er</span>
          <h2>Klarhet, ikke<br/><em>overtalelse.</em></h2>
          <p>
            Dette er ikke et salgsmøte. Det er et rom der vi sammen ser om
            det jeg jobber med, faktisk passer der du er nå.
          </p>
          <p>
            Du kommer som du er. Jeg lytter. Vi finner ut om noe peker
            videre — eller om det er bedre at du jobber andre steder.
          </p>

          <ul className="cbook-points">
            <li><span className="ix">01</span><span>30 minutter — online</span></li>
            <li><span className="ix">02</span><span>Uten kostnad</span></li>
            <li><span className="ix">03</span><span>Uten forventning om å fortsette</span></li>
            <li><span className="ix">04</span><span>Bring profilen din om du har tatt den</span></li>
          </ul>

          <div className="cbook-aside-note">
            <span className="eyebrow">Hvis du er usikker</span>
            <p>
              Ta gjerne <a href="din-profil.html">refleksjonsprofilen</a> først.
              Den hjelper deg å se hva slags samtale dette faktisk er.
            </p>
          </div>
        </aside>

        <div className="cbook-embed reveal">
          <div className="cbook-embed-head">
            <span className="eyebrow">Velg et tidspunkt</span>
            <span className="cbook-secure">Calendly · sikker</span>
          </div>
          <iframe
            src="https://calendly.com/torun-lederskapscoach/30min?hide_event_type_details=1&hide_gdpr_banner=1&primary_color=0e3b3a"
            title="Book en samtale"
            loading="lazy"
            allow="camera; microphone; fullscreen"
          />
          <p className="cbook-fallback">
            Får du ikke opp kalenderen? Send en e-post til{" "}
            <a href="mailto:hei@lederskapscoachonline.no">hei@lederskapscoachonline.no</a>
          </p>
        </div>
      </div>
    </section>
  );
}

function After() {
  return (
    <section className="cbook-after">
      <div className="cbook-after-inner reveal">
        <span className="eyebrow">Etter samtalen</span>
        <h2>Du trenger ikke<br/>bestemme deg<br/><em>der og da.</em></h2>
        <p>
          De beste samtalene mine ender ikke i en avgjørelse — de ender i
          klarhet. Det neste steget viser seg ofte selv, i sitt eget tempo.
        </p>
      </div>
    </section>
  );
}

function BookApp() {
  window.useCamilaReveal();
  return (
    <>
      <window.CamilaNav active="samtale" />
      <PageHeader />
      <BookingGrid />
      <After />
      <window.CamilaFooter />
    </>
  );
}

window.BookApp = BookApp;