Updated Navbar in Hero section (#105)

* Navbar fix

* Added Navbar in Hero section

* fix hero image

* review fixes

Author: DevilsAutumn

src/_includes/js.njk

@@ -28,27 +28,6 @@
           btt.classList.remove('block');
         }
       }
-      
-      // Handle navbar appearance on scroll
-      if (navbar) {
-        if (window.scrollY > 50) {
-          navbar.classList.add('scrolled');
-          
-          // For homepage, make navbar visible after scrolling
-          if (isHomePage) {
-            navbar.classList.remove('opacity-0', '-translate-y-full');
-            navbar.classList.add('opacity-100', 'translate-y-0', 'bg-pycon-blue/70');
-          }
-        } else {
-          navbar.classList.remove('scrolled');
-          
-          // For homepage, hide navbar when at the top
-          if (isHomePage) {
-            navbar.classList.add('opacity-0', '-translate-y-full');
-            navbar.classList.remove('opacity-100', 'translate-y-0', 'bg-pycon-blue/70');
-          }
-        }
-      }
     };
     
     window.addEventListener('scroll', handleScroll);

src/_includes/landing/hero-banner.njk

@@ -1,7 +1,7 @@
-<div class="relative w-full h-auto bg-[#4E62F5] pt-1 md:pt-3 overflow-hidden">
+<div class="relative w-full h-auto bg-[#4E62F5] pt-12 md:pt-16 xl:pt-20 overflow-hidden">
     <img 
         src="{{ env.baseUrl }}img/hero-banner.png"
         alt="PyCon India 2025"
-        class="w-full object-cover object-center scale-105"
+        class="w-full object-cover object-center scale-105 pb-10"
     />
 </div>

src/_includes/navbar.njk

@@ -1,5 +1,5 @@
 {% macro navbar(isHomePage = false, env = env) %}
-<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">
+<nav class="w-full flex justify-center {% if isHomePage %}bg-black{% else %}bg-pycon-blue{% endif %} z-50 fixed top-0 left-0 right-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">

src/index.njk

@@ -10,7 +10,7 @@ isFront: true
 </div>
 
 <main class="flex-grow relative">
-  <div class="home-banner mt-0 relative z-[1]">
+  <div class="home-banner mt-4 lg:mt-5 xl:mt-3 relative z-[1]">
     {% include "landing/hero-banner.njk" %}
   </div>
   {% include "landing/hero.njk" %}