<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>
