nyan

<header class="header__section header__transparent">
  
  <div class="main__header header__sticky">
    <div class="container-fluid">
      <div class="main__header--inner position__relative d-flex justify-content-between align-items-center">
        <div class="offcanvas__header--menu__open ">
          <a class="offcanvas__header--menu__open--btn" href="javascript:void(0)">
            <svg xmlns="http://www.w3.org/2000/svg" class="ionicon offcanvas__header--menu__open--svg"
              viewBox="0 0 512 512">
              <path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10"
                stroke-width="32" d="M80 160h352M80 256h352M80 352h352" />
            </svg>
            <span class="visually-hidden">Offcanvas Menu Open</span>
          </a>
        </div>
        <div class="main__logo">
          <h1 class="main__logo--title"><a class="main__logo--link" href="/"><img class="main__logo--img"
                src="/assets/img/logo/logo-gnet.png" alt="Logo GNET"></a></h1>
        </div>
        <div class="header__menu d-none d-lg-block">
          <nav class="header__menu--navigation">
            <ul class="d-flex">
              <li class="header__menu--items">
                <a class="header__menu--link {{ Request::is('/') ? 'active' : '' }}"
                  href="{{ auth()->check() ? '/admin' : '/' }}">Home</a>
              </li>
              <li class="header__menu--items">
                <a class="header__menu--link {{ Request::is('product') || Request::is('product/*') ? 'active' : '' }}"
                  href="/product">Product</a>
                @auth
                  <a href="/master-product">
                    <i class="fas fa-plus"></i>
                  </a>
                @endauth
                <ul class="header__sub--menu">
                  <li class="header__sub--menu__items">
                    <a href="/product/material-atap" class="header__sub--menu__link">Material Atap</a>
                  </li>
                  <li class="header__sub--menu__items">
                    <a href="https://flooring.gnetindonesia.com/" target="_blank"
                      class="header__sub--menu__link">Material Lantai</a>
                  </li>
                  <li class="header__sub--menu__items">
                    <a href="/product/material-partisi" class="header__sub--menu__link">Material Partisi</a>
                  </li>
                  <li class="header__sub--menu__items">
                    <a href="/product/material-pelengkap" class="header__sub--menu__link">Material Pelengkap</a>
                  </li>
                  <li class="header__sub--menu__items">
                    <a href="/product/material-periklanan" class="header__sub--menu__link">Material Periklanan</a>
                  </li>
                </ul>
              </li>
              <li class="header__menu--items">
                <a class="header__menu--link {{ Request::is('blog') || Request::is('blog/*') ? 'active' : '' }}" href="/blog">News &
                  Articles</a>
                @auth
                  <a href="/master-news">
                    <i class="fas fa-plus"></i>
                  </a>
                @endauth
              </li>
              <li class="header__menu--items">
                <a class="header__menu--link" href="https://gnetion.academy/" target="_blank">Gnetion Community</a>
              </li>
              <li class="header__menu--items">
                <a class="header__menu--link {{ Request::is('about-us') || Request::is('titik-distribusi') || Request::is('contact-us') ? 'active' : '' }}"
                  href="/about-us">About Us</a>
                <ul class="header__sub--menu">
                  <li class="header__sub--menu__items">
                    <a href="/about-us" class="header__sub--menu__link">Tentang Kami</a>
                  </li>
                  <li class="header__sub--menu__items">
                    <a href="/titik-distribusi" class="header__sub--menu__link">Titik Distribusi</a>
                  </li>
                  <li class="header__sub--menu__items">
                    <a href="/contact-us" class="header__sub--menu__link">Hubungi Kami</a>
                  </li>
                </ul>
              </li>
            </ul>
          </nav>
        </div>

@guest
          <div class="header__account">
            <ul class="d-flex">
              <li class="header__account--items header__account--search__items">
                <a class="header__account--btn search__open--btn" href="javascript:void(0)">
                  <svg class="header__search--button__svg" xmlns="http://www.w3.org/2000/svg" width="26.51"
                    height="23.443" viewBox="0 0 512 512">
                    <path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none"
                      stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
                    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10"
                      stroke-width="32" d="M338.29 338.29L448 448" />
                  </svg>
                  <span class="visually-hidden">Search</span>
                </a>
              </li>
            </ul>
          </div>
        @endguest
        @auth
          <div class="only-admin">
            <a id="cms_save" style="margin-top: -5px;" href="javascript:void(0)" data-toggle="tooltip" data-placement="top"
            title="Save CMS"><svg
                style="height: 22px;width: 30px;" xmlns="http://www.w3.org/2000/svg" class="ionicon"
                viewBox="0 0 512 512">
                <path d="M402.115,84.008L323.088,4.981C319.899,1.792,315.574,0,311.063,0H17.005C7.613,0,0,7.614,0,17.005v373.086
              c0,9.392,7.613,17.005,17.005,17.005h373.086c9.392,0,17.005-7.613,17.005-17.005V96.032
              C407.096,91.523,405.305,87.197,402.115,84.008z M300.664,163.567H67.129V38.862h233.535V163.567z" />
                <path d="M214.051,148.16h43.08c3.131,0,5.668-2.538,5.668-5.669V59.584c0-3.13-2.537-5.668-5.668-5.668h-43.08
              c-3.131,0-5.668,2.538-5.668,5.668v82.907C208.383,145.622,210.92,148.16,214.051,148.16z" />
              </svg></a>

<a id="cms_publish" style="margin-left: -66px;margin-top: -5px; margin-right: 40px"
              href="javascript:void(0)" data-toggle="tooltip" data-placement="top"
              title="Publish CMS"><svg style="height: 22px;width: 30px; margin-top: -4px;"
                xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 1920 1920">
                <path
                  d="M860.16 1373.227 490.773 1003.84 641.6 853.013l218.56 218.56 453.653-453.653 150.827 150.827-604.48 604.48ZM960 0C429.76 0 0 429.76 0 960s429.76 960 960 960c530.133 0 960-429.76 960-960S1490.133 0 960 0Z"
                  fill-rule="evenodd" />
              </svg></a>
            <div class="btn-group">
              <a class="header__account--btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"
                style="color: #000060">
                {{ Auth::user()->username }}</a>
              <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="/master-brand">Master Data</a></li>
                <li>
                  <hr class="dropdown-divider">
                </li>
                <li>
                  @auth
                    <form id="logout-form" action="{{ route('logout') }}" method="POST">
                      @csrf
                      @method('DELETE')
                      <a href="#" class="logout-link">Logout</a>
                    </form>
                  @endauth
                </li>
              </ul>
            </div>
          </div>
        @endauth
      </div>
    </div>
  </div>

<div class="offcanvas__header" tabindex="-1">
    <div class="offcanvas__inner">
      <div class="offcanvas__logo">
        <a class="offcanvas__logo_link" href="/">
          <img src="/assets/img/logo/logo-gnet.png" width="130px" alt="Logo GNET">
        </a>
        <button class="offcanvas__close--btn" aria-label="offcanvas close btn">close</button>
      </div>
      <nav class="offcanvas__menu">
        <ul class="offcanvas__menu_ul">
          <li class="offcanvas__menu_li">
            <a class="offcanvas__menu_item {{ Request::is('/') ? 'active' : '' }}"
              href="{{ auth()->check() ? '/admin' : '/' }}">Home</a>
          </li>
          <li class="offcanvas__menu_li">
            <a class="offcanvas__menu_item {{ Request::is('product') || Request::is('product/*') ? 'active' : '' }}"
              href="/product">Product</a>
            @auth
              <a href="/master-product">
                <i class="fas fa-plus"></i>
              </a>
            @endauth
            <ul class="offcanvas__sub_menu">
              <li class="offcanvas__sub_menu_li">
                <a href="/product/material-atap" class="offcanvas__sub_menu_item">Material Atap</a>
              </li>
              <li class="offcanvas__sub_menu_li">
                <a href="https://flooring.gnetindonesia.com/" target="_blank"
                  class="offcanvas__sub_menu_item">Material Lantai</a>
              </li>
              <li class="offcanvas__sub_menu_li">
                <a href="/product/material-partisi" class="offcanvas__sub_menu_item">Material Partisi</a>
              </li>
              <li class="offcanvas__sub_menu_li">
                <a href="/product/material-pelengkap" class="offcanvas__sub_menu_item">Material Pelengkap</a>
              </li>
              <li class="offcanvas__sub_menu_li">
                <a href="/product/material-periklanan" class="offcanvas__sub_menu_item">Material Periklanan</a>
              </li>
            </ul>
          </li>
          <li class="offcanvas__menu_li">
            <a class="offcanvas__menu_item {{ Request::is('blog/*') ? 'active' : '' }}" href="/blog">News &
              Articles</a>
            @auth
              <a href="/master-news">
                <i class="fas fa-plus"></i>
              </a>
            @endauth
          </li>
          <li class="offcanvas__menu_li">
            <a class="offcanvas__menu_item" href="https://gnetion.academy/" target="_blank">Gnetion Community</a>
          </li>
          <li class="offcanvas__menu_li">
            <a class="offcanvas__menu_item {{ Request::is('about-us') || Request::is('titik-distribusi') || Request::is('contact-us') ? 'active' : '' }}"
              href="/about-us">About Us</a>
            <ul class="offcanvas__sub_menu">
              <li class="offcanvas__sub_menu_li">
                <a href="/about-us" class="offcanvas__sub_menu_item">Tentang Kami</a>
              </li>
              <li class="offcanvas__sub_menu_li">
                <a href="/titik-distribusi" class="offcanvas__sub_menu_item">Titik Distribusi</a>
              </li>
              <li class="offcanvas__sub_menu_li">
                <a href="/contact-us" class="offcanvas__sub_menu_item">Hubungi Kami</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>

<div class="predictive__search--box " tabindex="-1">
    <div class="predictive__search--box__inner">
      <div class="predictive__search--title h3">Search</div>
      <form class="predictive__search--form" action="/search" method="GET">
        <label>
          <input class="predictive__search--input" placeholder="Search Here" type="text" name="search"
            autofocus>
        </label>
        <button class="predictive__search--button" aria-label="search button">
          <svg class="header__search--button__svg" xmlns="http://www.w3.org/2000/svg" width="30.51" height="25.443"
            viewBox="0 0 512 512">
            <path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none"
              stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10"
              stroke-width="32" d="M338.29 338.29L448 448" />
          </svg>
        </button>
      </form>
    </div>
    <button class="predictive__search--close__btn" aria-label="search close btn">
      <svg class="predictive__search--close__icon" xmlns="http://www.w3.org/2000/svg" width="40.51" height="30.443"
        viewBox="0 0 512 512">
        <path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
          stroke-width="32" d="M368 368L144 144M368 144L144 368" />
      </svg>
    </button>
  </div>

</header>