<!-- HEADER -->
    <header id="header">
      <div class="container navbar">
        <!-- LOGO SECTION (FIXED SIZE) -->
        <div class="logo">
          <a href="<?php echo e(route('home')); ?>" style="display: flex; align-items: center; gap: 12px; text-decoration: none;">
            <img src="<?php echo e(asset('img/logo-dino.png')); ?>" alt="Logo PT Dino Logistics" style="height: 42px; width: auto;">
            <div style="display: flex; flex-direction: column; justify-content: center;">
              <!-- Judul Utama: Ukuran Font Diatur Manual (18px) -->
              <span style="font-size: 18px; font-weight: 800; color: white; line-height: 1.1; letter-spacing: 0.5px; text-transform: uppercase;">
                PT DINO LOGISTICS PERKASA
              </span>
              <!-- Slogan: Ukuran Kecil & Warna Putih Transparan -->
              <span style="font-size: 11px; color: rgba(255, 255, 255, 0.8); font-weight: 400; margin-top: 2px;">
                Your reliable partner in logistics
              </span>
            </div>
          </a>
        </div>

        <nav>
          <ul class="nav-links">
            <li><a href="<?php echo e(route('home')); ?>#home" class="nav-item">HOME</a></li>
            <li><a href="<?php echo e(route('home')); ?>#services" class="nav-item">SERVICES</a></li>
            <li><a href="<?php echo e(route('home')); ?>#about" class="nav-item">ABOUT</a></li>
            <li class="dropdown">
              <a href="<?php echo e(route('tracking.standard')); ?>" class="nav-item"
                >TRACKING <i class="fas fa-caret-down"></i
              ></a>
              <ul class="dropdown-menu">
                <li><a href="<?php echo e(route('tracking.standard')); ?>"><i class="fas fa-box"></i> Standard Tracking</a></li>
                <li><a href="<?php echo e(route('tracking.bulk')); ?>"><i class="fas fa-boxes-stacked"></i> Bulk Tracking</a></li>
              </ul>
            </li>
            <li><a href="<?php echo e(route('home')); ?>#promo" class="nav-item">PROMO</a></li>
            <li><a href="<?php echo e(route('home')); ?>#contact" class="nav-item">CONTACT</a></li>
            <li>
              <a href="<?php echo e(route('shipping.check')); ?>" class="btn-cek-tarif"
                ><i class="fas fa-calculator"></i> CEK TARIF</a
              >
            </li>
          </ul>
          <div class="hamburger" onclick="toggleMenu()">
            <i class="fas fa-bars"></i>
          </div>
        </nav>
      </div>

      <div class="mobile-overlay" id="mobileOverlay" onclick="toggleMenu()"></div>
      <div class="mobile-menu" id="mobileMenu">
        <div class="mobile-close" onclick="toggleMenu()">&times;</div>
        <a href="<?php echo e(route('home')); ?>#home" onclick="toggleMenu()">HOME</a>
        <a href="<?php echo e(route('home')); ?>#about" onclick="toggleMenu()">ABOUT</a>
        <a href="<?php echo e(route('home')); ?>#services" onclick="toggleMenu()">SERVICES</a>
        
        <div class="mobile-dropdown">
          <div class="mobile-dropdown-header">
            TRACKING <i class="fas fa-chevron-down arrow"></i>
          </div>
          <div class="mobile-dropdown-body">
            <a href="<?php echo e(route('tracking.standard')); ?>" onclick="toggleMenu()"><i class="fas fa-box"></i> Standard Tracking</a>
            <a href="<?php echo e(route('tracking.bulk')); ?>" onclick="toggleMenu()"><i class="fas fa-boxes-stacked"></i> Bulk Tracking</a>
          </div>
        </div>

        <a href="<?php echo e(route('home')); ?>#promo" onclick="toggleMenu()">PROMO</a>
        <a href="<?php echo e(route('home')); ?>#contact" onclick="toggleMenu()">CONTACT</a>

        <a href="<?php echo e(route('shipping.check')); ?>" 
          class="mobile-btn-cek-tarif" 
          onclick="toggleMenu()">
          CEK TARIF
        </a>

      </div>
    </header><?php /**PATH /var/www/html/resources/views/layouts/nav.blade.php ENDPATH**/ ?>