fix navbar link

Author: anistark

src/_includes/navbar.njk

@@ -2,8 +2,8 @@
 <nav class="w-full flex justify-center glass-nav {% if isHomePage %}bg-transparent opacity-0 -translate-y-full{% else %}bg-pycon-blue/70{% endif %} z-50 fixed top-0 transition-all duration-500" id="main-navbar">
   <div class="w-full max-w-5xl mx-auto px-6 hidden md:block py-3">
     <div class="relative flex justify-center items-center h-12 px-6">
-      <a href="{{ env.baseUrl }}" class="absolute left-0">
-        <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India 2025" class="h-10 w-auto">
+      <a href="{{ env.baseUrl }}/" class="absolute left-0">
+        <img src="{{ env.baseUrl }}/img/logo.png" alt="PyCon India 2025" class="h-10 w-auto">
       </a>
      <ul class="flex items-center justify-center w-full gap-8 relative">
         {% set menuItems = [
@@ -64,7 +64,7 @@
                   <div class="w-full flex flex-col">     
                     {% for subitem in item.submenu %}
                     <div class="w-full p-4 bg-white/90 hover:bg-pycon-lime border-b border-black/10 flex justify-between items-center transition-colors duration-150 first:rounded-t-lg last:rounded-b-lg last:border-b-0">       
-                      <a href="{{ env.baseUrl }}{{ subitem.link }}" class="text-gray-800 hover:text-[#4662ff] text-sm font-medium font-['Inter'] leading-tight no-underline dropdown-item block w-full">
+                      <a href="{{ env.baseUrl }}/{{ subitem.link }}" class="text-gray-800 hover:text-[#4662ff] text-sm font-medium font-['Inter'] leading-tight no-underline dropdown-item block w-full">
                         {{ subitem.name }}
                       </a>       
                       <div class="size-5 relative overflow-hidden">         
@@ -77,7 +77,7 @@
               </div>
             {% else %}
               {# TODO: item.name != 'Sponsors' is a hack till we get the sponsors page up#}
-              <a href="{% if item.isExternal %}{{ item.link }}{% elif item.link and item.link[0] == '#' and item.name != 'Sponsors' %}{{ env.baseUrl }}{{ item.link }}{% else %}{{ env.baseUrl }}{{ item.link }}{% endif %}"
+              <a href="{% if item.isExternal %}{{ item.link }}{% elif item.link and item.link[0] == '#' and item.name != 'Sponsors' %}{{ env.baseUrl }}/{{ item.link }}{% else %}{{ env.baseUrl }}/{{ item.link }}{% endif %}"
                  {% if item.isExternal %}target="_blank" rel="noopener noreferrer"{% endif %}
                  class="flex items-center gap-1 py-2 px-3 text-white hover:text-[#D7FF7B] text-base font-normal font-['Acid_Grotesk'] leading-tight transition-colors duration-200 no-underline nav-link">
                 {{ item.name }}
@@ -95,8 +95,8 @@
   </div>
 
   <div class="flex justify-between items-center px-4 py-3 w-full md:hidden">
-    <a href="{{ env.baseUrl }}" class="flex items-center z-20">
-      <img src="{{ env.baseUrl }}img/logo.png" alt="PyCon India 2025" class="h-8 w-auto">
+    <a href="{{ env.baseUrl }}/" class="flex items-center z-20">
+      <img src="{{ env.baseUrl }}/img/logo.png" alt="PyCon India 2025" class="h-8 w-auto">
     </a>
 
     <input type="checkbox" id="mobile-menu-checkbox" class="hidden">
@@ -129,7 +129,7 @@
     <div class="flex flex-col space-y-4">
       {% for item in menuItems %}
         {% if not item.hasSubmenu %}
-          <a href="{% if item.isExternal %}{{ item.link }}{% elif item.link and item.link[0] == '#' %}{{ item.link }}{% else %}{{ env.baseUrl }}{{  item.link | url }}{% endif %}"
+          <a href="{% if item.isExternal %}{{ item.link }}{% elif item.link and item.link[0] == '#' %}{{ item.link }}{% else %}{{ env.baseUrl }}/{{  item.link | url }}{% endif %}"
              {% if item.isExternal %}target="_blank" rel="noopener noreferrer"{% endif %}
              class="p-4 bg-white/10 backdrop-blur-sm border border-white/20 rounded-lg hover:bg-white/20 flex justify-between items-center transition-all duration-200 text-white text-base font-medium no-underline">
             {{ item.name }}
@@ -154,7 +154,7 @@
             <div class="hidden mt-2 mobile-submenu">
               <div class="bg-pycon-lime/90 backdrop-blur-sm border border-black/10 rounded-lg p-3 flex flex-col gap-2">
                 {% for subitem in item.submenu %}
-                  <a href="{{ env.baseUrl }}{{  subitem.link | url }}" class="p-2 text-gray-800 text-sm font-medium hover:text-[#4E62F5] transition-colors duration-200 no-underline">
+                  <a href="{{ env.baseUrl }}/{{  subitem.link | url }}" class="p-2 text-gray-800 text-sm font-medium hover:text-[#4E62F5] transition-colors duration-200 no-underline">
                     {{ subitem.name }}
                   </a>
                 {% endfor %}