Case – TruGlove

<header style="background:#fff; border-bottom:1px solid #eee; padding:15px 30px; display:flex; align-items:center; justify-content:space-between; font-family:Arial,sans-serif;">
  <div style="display:flex; align-items:center; gap:40px;">
    <!-- Logo -->
    <img src="/wp-content/uploads/2024/01/truglove-logo.png" alt="TruGlove" style="height:50px;">
    
    <!-- Navigation Menu -->
    <nav style="display:flex; gap:30px; align-items:center;">
      <a href="/shop/" style="text-decoration:none; color:#333; font-size:14px; font-weight:500;">Shop</a>
      <a href="/contact/" style="text-decoration:none; color:#333; font-size:14px; font-weight:500;">Contact</a>
    </nav>
  </div>
  
  <!-- Right Icons -->
  <div style="display:flex; align-items:center; gap:20px;">
    <!-- Search -->
    <a href="#" style="color:#333; font-size:20px; text-decoration:none;">🔍</a>
    
    <!-- Account -->
    <a href="/account/" style="color:#333; font-size:20px; text-decoration:none;">👤</a>
    
    <!-- Cart -->
    <a href="/cart/" style="position:relative; color:#333; font-size:20px; text-decoration:none;">
      🛒
      <span style="position:absolute; top:-8px; right:-8px; background:#2563eb; color:white; width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:bold;">0</span>
    </a>
    
    <!-- CTA Button -->
    <button style="background:#2563eb; color:white; border:none; padding:10px 20px; border-radius:25px; cursor:pointer; font-weight:500;">Get Started</button>
    
    <!-- Mobile Menu -->
    <a href="#" style="color:#333; font-size:22px; text-decoration:none;">☰</a>
  </div>
</header>