<!-- Navbar -->
<nav class="w-full pt-4 pb-3 bg-gray-200 dark:bg-gray-800 shadow-sm">
  <div class="container mx-auto px-4">
    <!-- Desktop and Mobile Nav Container -->
    <div class="flex justify-between items-center">
      <!-- Logo and Title -->
      <a href="{{ '/' | relative_url }}" class="flex items-center space-x-2 group">
        <div class="w-8 h-8 group-hover:scale-110 transition-transform duration-200">
          {% include icons/logo.svg %}
        </div>
        <span class="text-lg font-b