<html><head></head><body><header data-component-type="Navigation" class="relative top-0 left-0 w-full z-50 header-shadow" data-component-slug="interior-product-showcase-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-[220px] h-[37px]" data-node="logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302440/seltrix/templates/interior-product-showcase-template/interior-logo.svg">

    <!-- DESKTOP MENU -->
    <ul class="interior-desktop-nav flex items-center gap-10">
      {{#if show_nav_item_1}}
      <li>
        <a href="{{nav_item_link_1}}" class="interior-nav-link" data-node="nav_item_link_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" data-node-label="Navigation Item 1">
            {{nav_item_1_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_nav_item_link_2}}
      <li>
        <a href="{{nav_item_link_2}}" class="interior-nav-link" data-node="nav_item_link_2" data-node-type="page_links" data-node-default="services">
          <span data-node="nav_item_2_text" data-node-type="text" data-node-default="Services" data-node-label="Navigation Item 2">
            {{nav_item_2_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_nav_item_link_3}}
      <li>
        <a href="{{nav_item_link_3}}" class="interior-nav-link" data-node="nav_item_link_3" data-node-type="page_links" data-node-default="portfolio">
          <span data-node="nav_item_3_text" data-node-type="text" data-node-default="Portfolio" data-node-label="Navigation Item 3">
            {{nav_item_3_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_nav_item_link_4}}
      <li>
        <a href="{{nav_item_link_4}}" class="interior-nav-link" data-node="nav_item_link_4" data-node-type="page_links" data-node-default="contact-us">
          <span data-node="nav_item_4_text" data-node-type="text" data-node-default="Contact Us" data-node-label="Navigation Item 4">
            {{nav_item_4_text}}
          </span></a>
      </li>
      {{/if}}
    </ul>

    <!-- DESKTOP CTA -->
    {{#if show_nav_cta}}
    <a href="{{nav_cta}}" class="interior-cta hidden lg:flex" data-node="nav_cta" data-node-type="page_links" data-node-default="explore-products">
      <span data-node="nav_cta_text" data-node-type="text" data-node-default="Explore Products">
        {{nav_cta_text}}
      </span>
    </a>
    {{/if}}

    <!-- TOGGLE -->
    <button id="interiorMenuToggle" class="lg:hidden">
      <div class="menu-icon" id="interiorMenuIcon"><span></span><span></span><span></span></div>
    </button>
  </div>

  <!-- ================= MOBILE MENU ================= -->
  <div id="interiorMobileMenu" class="interior-mobile-menu lg:hidden">
    <div class="interior-mobile-top">
      <img src="{{mobile_logo}}" class="interior-mobile-logo" data-node="mobile_logo" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302440/seltrix/templates/interior-product-showcase-template/interior-logo.svg">

      <button id="interiorMenuToggleInner">
        <div class="menu-icon open"><span></span><span></span><span></span></div>
      </button>
    </div>

    <ul class="interior-mobile-nav">
      {{#if show_mobile_nav_item_link_1}}
      <li>
        <a href="{{mobile_nav_item_link_1}}" class="interior-nav-link" data-node="mobile_nav_item_link_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" data-node-label="Mobile Navigation Item 1">
            {{mobile_nav_item_1_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_mobile_nav_item_link_2}}
      <li>
        <a href="{{mobile_nav_item_link_2}}" class="interior-nav-link" data-node="mobile_nav_item_link_2" data-node-type="page_links" data-node-default="services">
          <span data-node="mobile_nav_item_2_text" data-node-type="text" data-node-default="Services" data-node-label="Mobile Navigation Item 2">
            {{mobile_nav_item_2_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_mobile_nav_item_link_3}}
      <li>
        <a href="{{mobile_nav_item_link_3}}" class="interior-nav-link" data-node="mobile_nav_item_link_3" data-node-type="page_links" data-node-default="portfolio">
          <span data-node="mobile_nav_item_3_text" data-node-type="text" data-node-default="Portfolio" data-node-label="Mobile Navigation Item 3">
            {{mobile_nav_item_3_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_mobile_nav_item_link_4}}
      <li>
        <a href="{{mobile_nav_item_link_4}}" class="interior-nav-link" data-node="mobile_nav_item_link_4" data-node-type="page_links" data-node-default="contact-us">
          <span data-node="mobile_nav_item_4_text" data-node-type="text" data-node-default="Contact Us" data-node-label="Mobile Navigation Item 4">
            {{mobile_nav_item_4_text}}
          </span></a>
      </li>
      {{/if}} {{#if show_mobile_nav_cta}}
      <li class="pt-4">
        <a href="{{mobile_nav_cta}}" class="interior-cta" data-node="mobile_nav_cta" data-node-type="page_links" data-node-default="explore-products">
          <span data-node="mobile_nav_cta_text" data-node-type="text" data-node-default="Explore Products">
            {{mobile_nav_cta_text}}
          </span>
        </a>
      </li>
      {{/if}}
    </ul>
  </div>

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