
  <div class="proj-wrap">

    <section class="proj-hero">
      <div class="proj-hero-text">
        <p class="proj-tag">Prosjekt ✶ UX / UI</p>
        <h1 class="proj-title">Reiseapp</h1>
        <p class="proj-desc">
          En app for reiseplanlegging og opplevelser. Prosjektet inkluderer innsiktsarbeid, brukertesting og utvikling av low- og high-fidelity prototyper.
        </p>
      </div>
    </section>

    <div class="proj-meta">
      <div class="proj-meta-item">
        <p class="proj-meta-label">Skills</p>
        <p class="proj-meta-value">UX design, UI design</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Hva?</p>
        <p class="proj-meta-value">App-konsept og prototyper</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Type prosjekt</p>
        <p class="proj-meta-value">Samarbeidsprosjekt</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Verktøy</p>
        <p class="proj-meta-value">Figma</p>
      </div>
    </div>

    <div class="proj-tabs-wrap">
    <div class="proj-hero-cta">
      <a href="#resultat" class="proj-hero-btn proj-hero-btn--primary">Resultat</a>
      <a href="#prosess" class="proj-hero-btn proj-hero-btn--ghost">Prosess</a>
    </div>

    <div class="proj-tabs">
    <div class="proj-gallery" id="resultat">
      <div class="proj-gallery-item">
        <img src="/images/Leaves_result/static.wixstatic.com__934954_062bac244c0b44719ee7b9ab54d12604~mv2.png" alt="Reiseapp — resultat" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_result/static.wixstatic.com__934954_2c22bd270ee14c1d8b831407c152af31~mv2.png" alt="Reiseapp — resultat" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_result/static.wixstatic.com__934954_8e90214ed4be4b628cacb3695fd45957~mv2.png" alt="Reiseapp — resultat" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_result/static.wixstatic.com__934954_d011616622614168b9e374c4a2fea303~mv2.png" alt="Reiseapp — resultat" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_result/static.wixstatic.com__934954_d9bd7d7ef56e440180c363f5984d804a~mv2.png" alt="Reiseapp — resultat" />
      </div>
    </div>

    <div class="proj-gallery" id="prosess">
      <div class="proj-gallery-item">
        <img src="/images/Leaves_process/static.wixstatic.com__39_edited.jpg" alt="Reiseapp — prosess" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_process/static.wixstatic.com__Emphazise.png" alt="Reiseapp — prosess" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_process/static.wixstatic.com__Foodies_testing.jpg" alt="Reiseapp — prosess" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_process/static.wixstatic.com__Mindmapping.jpg" alt="Reiseapp — prosess" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_process/static.wixstatic.com__Scenario.png" alt="Reiseapp — prosess" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/Leaves_process/static.wixstatic.com__Testing.png" alt="Reiseapp — prosess" />
      </div>
    </div>
    </div>
    </div>

    <nav class="proj-nav" aria-label="Prosjektnavigasjon">
      <a href="/s-projects-side-by-side" class="proj-nav-btn">
        <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="13 4 7 10 13 16"/>
</svg>
        Forrige
      </a>
      <a href="/reiseguideboker" class="proj-nav-btn">
        Neste
        <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="7 4 13 10 7 16"/>
</svg>
      </a>
    </nav>

  </div>
