/* OM TORUN — Camila-stil */

function PageHeader() {
  return (
    <section className="cph">
      <div className="cph-inner">
        <div className="cph-crumbs">
          <a href="index.html">Hjem</a> <span>·</span> Om Torun
        </div>
        <h1 className="cph-title">
          Stille kraft.<br/>
          <em>Tydelig retning.</em>
        </h1>
        <p className="cph-lede">
          Jeg jobber ikke med å overbevise noen. Jeg jobber med kvinner som
          allerede vet at noe må endre seg — og som er klare for å forstå hvordan.
        </p>
      </div>
    </section>
  );
}

function Portrait() {
  return (
    <section className="comeet">
      <div className="comeet-img reveal">
        <img src="img/meet-new.jpg" alt="Torun Nordskaug" />
      </div>
      <div className="comeet-text reveal">
        <span className="eyebrow">Møt Torun Nordskaug</span>
        <h2>Et liv som <em>ikke alltid</em><br/>passet til formen.</h2>
        <p className="comeet-pull">
          Jeg lærte selvledelse på den lange måten — gjennom et liv som ikke
          alltid passet til formen jeg prøvde å presse det inn i.
        </p>
        <a href="book-samtale.html" className="btn-fill terra">
          Book en samtale →
        </a>
      </div>
    </section>
  );
}

function Story() {
  return (
    <section className="costory">
      <div className="costory-inner reveal">
        <p className="costory-dropcap">
          <span className="dc">E</span>t liv kan se rett ut utenfra — og likevel bære på en stille
          følelse av at noe ikke stemmer. Det var slik det var for meg. Jeg
          var dyktig i jobben min. Jeg leverte. Jeg kjente at jeg hadde mer
          i meg, men jeg klarte ikke å sette ord på hva.
        </p>
        <p>
          Det var ikke en krise. Det var en henvendelse. En liten, vedvarende
          henvendelse fra meg selv om at det fantes en annen måte å bruke det
          jeg allerede var, på.
        </p>
        <p>
          Jeg jobber i dag med kvinner som kjenner igjen den følelsen. Kvinner
          som har gjort mye riktig — og som likevel kjenner at noe mangler.
          Mitt arbeid handler ikke om å gi deg svar. Det handler om å skape
          rommet der dine egne svar får komme tydelig frem.
        </p>
        <p className="costory-mantra">
          <em>Selvinnsikt før strategi.</em><br/>
          <em>Refleksjon før handling.</em><br/>
          <em>Retning før fart.</em>
        </p>
      </div>
    </section>
  );
}

function Meta() {
  return (
    <section className="cometa">
      <div className="cometa-inner">
        <div className="cometa-item reveal">
          <div className="k">Bakgrunn</div>
          <div className="v">15 år i lederskap<br/>og organisasjonsutvikling</div>
        </div>
        <div className="cometa-item reveal">
          <div className="k">Tilnærming</div>
          <div className="v">Selvledelse,<br/>relasjon, retning</div>
        </div>
        <div className="cometa-item reveal">
          <div className="k">Bosatt i</div>
          <div className="v">Oslo, Norge<br/>jobber online</div>
        </div>
      </div>
    </section>
  );
}

function Belief() {
  return (
    <section className="cobelief">
      <div className="cobelief-inner reveal">
        <span className="eyebrow">Det jeg tror på</span>
        <h2>Det er <em>én ting</em> som<br/>må komme først.</h2>
        <p className="cobelief-lead">
          At du forstår hvordan du faktisk fungerer — før du bestemmer deg
          for hva du skal gjøre videre.
        </p>
        <p className="cobelief-body">
          Når dette er på plass, blir nesten alt enklere. Beslutninger blir
          lettere. Prioriteringer blir tydeligere. Energien oppleves brukbar
          igjen.
        </p>
        <a href="din-profil.html" className="btn-fill cream">Oppdag din profil →</a>
      </div>
    </section>
  );
}

function OmApp() {
  window.useCamilaReveal();
  return (
    <>
      <window.CamilaNav active="om" />
      <PageHeader />
      <Portrait />
      <Story />
      <Meta />
      <Belief />
      <window.CamilaFooter />
    </>
  );
}

window.OmApp = OmApp;