bug-fix:navbar hides properly

Author: praveenzsp

apps/web/src/app/(main)/(landing)/layout.tsx

@@ -1,10 +1,8 @@
-import Navbar from '@/components/landing-sections/navbar'
 import React from 'react'
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
     return (
         <section>
-            <Navbar />
             {children}
         </section>
     )

apps/web/src/components/landing-sections/navbar.tsx

@@ -46,7 +46,7 @@ const Navbar = () => {
   return (
     <motion.nav
       initial={{ opacity: 0 }}
-      animate={showNavbar ? { opacity: 1 } : { opacity: 0 }}
+      animate={showNavbar ? { opacity: 1 } : { opacity: 0, display: 'none' }}
       transition={{ duration: 0.3 }}
       className={cn(
         " z-40  flex items-center justify-between px-4 py-3  bg-neutral-900/5 backdrop-blur-xl  border-white/10",