Updated

frontend/components/home/Hero.vue

@@ -59,6 +59,11 @@ onMounted(() => {
 
     gsapTimeline = gsap.timeline();
 
+    gsap.to("#header-navbar", {
+        background: "transparent",
+        filter: "invert(100%)"
+    });
+
     gsapTimeline
         .fromTo(".header-slider-item", {
             borderRadius: 0,
@@ -73,8 +78,10 @@ onMounted(() => {
             value: 1.2
         }, "=")
         .fromTo("#header-navbar", {
+            background: "transparent",
             filter: "invert(100%)"
         }, {
+            background: "transparent",
             filter: "invert(0%)"
         }, "=")
         .fromTo("#header-navbar", {
@@ -99,9 +106,6 @@ onMounted(() => {
         }, {
             padding: "0px 40px"
         }, "=")
-        .to(".header-slider-logo", {
-            opacity: 0
-        }, "-=150%");
 
     ScrollTrigger.create({
         trigger: "#header-slider-container",