<html><head></head><body><header data-component-type="Navigation" class="relative top-0 left-0 w-full z-50 bg-white" data-component-slug="politician-party-template-header">
  <!-- ================= STYLES ================= -->
  

  <!-- ================= HEADER BAR ================= -->
  <div class="w-full px-4 lg:px-[96px] py-5 flex items-center justify-between">
    <!-- LOGO -->
    <img src="{{logo}}" class="w-[48px]" data-node="logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045427/seltrix/templates/politician-party-template/political-logo.svg">

    <!-- ================= DESKTOP MENU ================= -->
    <ul class="party-desktop-nav flex items-center gap-10">
      {{#if show_nav_item_1}}
      <li>
        <a href="{{nav_item_1}}" class="party-nav-link" data-node="nav_item_1" data-node-type="page_links" data-node-default="home">
          <span data-node="nav_item_1_text" data-node-type="text" data-node-default="Home">
            {{nav_item_1_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_nav_item_2}}
      <li>
        <a href="{{nav_item_2}}" class="party-nav-link" data-node="nav_item_2" data-node-type="page_links" data-node-default="our-vision">
          <span data-node="nav_item_2_text" data-node-type="text" data-node-default="Our Vision">
            {{nav_item_2_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_nav_item_3}}
      <li>
        <a href="{{nav_item_3}}" class="party-nav-link" data-node="nav_item_3" data-node-type="page_links" data-node-default="policies">
          <span data-node="nav_item_3_text" data-node-type="text" data-node-default="Policies">
            {{nav_item_3_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_nav_item_4}}
      <li>
        <a href="{{nav_item_4}}" class="party-nav-link" data-node="nav_item_4" data-node-type="page_links" data-node-default="updates">
          <span data-node="nav_item_4_text" data-node-type="text" data-node-default="Updates">
            {{nav_item_4_text}}
          </span>
        </a>
      </li>
      {{/if}}
    </ul>

    <!-- CTA -->
    {{#if show_nav_cta}}
    <a href="{{nav_cta}}" class="party-cta hidden lg:flex" data-node="nav_cta" data-node-type="page_links" data-node-default="join-the-party">
      <span data-node="nav_cta_text" data-node-type="text" data-node-default="Join the Party">
        {{nav_cta_text}}
      </span>
    </a>
    {{/if}}

    <!-- TOGGLE (ONLY ONE) -->
    <button id="partyMenuToggle" class="lg:hidden">
      <div class="menu-icon" id="menuIcon">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </button>
  </div>

  <!-- ================= MOBILE SLIDE MENU ================= -->
  <div id="partyMobileMenu" class="party-mobile-menu lg:hidden">
    <!-- TOP BAR -->
    <div class="party-mobile-top">
      <img src="{{mobile_logo}}" class="party-mobile-logo" data-node="mobile_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768045427/seltrix/templates/politician-party-template/political-logo.svg">

      <!-- SAME TOGGLE INSIDE MENU -->
      <button id="partyMenuToggleInner">
        <div class="menu-icon open">
          <span></span>
          <span></span>
          <span></span>
        </div>
      </button>
    </div>

    <!-- MENU -->
    <ul class="party-mobile-nav">
      {{#if show_mobile_nav_item_1}}
      <li>
        <a href="{{mobile_nav_item_1}}" class="party-nav-link" data-node="mobile_nav_item_1" data-node-type="page_links" data-node-default="home">
          <span data-node="mobile_nav_item_1_text" data-node-type="text" data-node-default="Home">
            {{mobile_nav_item_1_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_mobile_nav_item_2}}
      <li>
        <a href="{{mobile_nav_item_2}}" class="party-nav-link" data-node="mobile_nav_item_2" data-node-type="page_links" data-node-default="our-vision">
          <span data-node="mobile_nav_item_2_text" data-node-type="text" data-node-default="Our Vision">
            {{mobile_nav_item_2_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_mobile_nav_item_3}}
      <li>
        <a href="{{mobile_nav_item_3}}" class="party-nav-link" data-node="mobile_nav_item_3" data-node-type="page_links" data-node-default="policies">
          <span data-node="mobile_nav_item_3_text" data-node-type="text" data-node-default="Policies">
            {{mobile_nav_item_3_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_mobile_nav_item_4}}
      <li>
        <a href="{{mobile_nav_item_4}}" class="party-nav-link" data-node="mobile_nav_item_4" data-node-type="page_links" data-node-default="updates">
          <span data-node="mobile_nav_item_4_text" data-node-type="text" data-node-default="Updates">
            {{mobile_nav_item_4_text}}
          </span>
        </a>
      </li>
      {{/if}} {{#if show_mobile_nav_cta}}
      <li class="pt-4">
        <a href="{{mobile_nav_cta}}" class="party-cta w-full text-center" data-node="mobile_nav_cta" data-node-type="page_links" data-node-default="join-the-party">
          <span data-node="mobile_nav_cta_text" data-node-type="text" data-node-default="Join the Party">
            {{mobile_nav_cta_text}}
          </span>
        </a>
      </li>
      {{/if}}
    </ul>
  </div>

  <!-- ================= SCRIPT ================= -->
  
</header></body></html>