src/components/ui/NavbarDropdown.tsx

@@ -41,7 +41,13 @@ const NavbarDropdown = ({ logo, navItems, ctaButton }: NavbarDropdownProps) => {
   }, [menuOpen]);
 
   return (
-    <nav ref={navRef} className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
+    <motion.nav
+      ref={navRef}
+      initial={{ y: -100, scaleX: 0, opacity: 0 }}
+      animate={{ y: 0, scaleX: 1, opacity: 1 }}
+      transition={{ duration: 0.5, ease: [0.4, 0, 0.2, 1] }}
+      className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width"
+    >
       <div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
         <a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
 
@@ -102,7 +108,7 @@ const NavbarDropdown = ({ logo, navItems, ctaButton }: NavbarDropdownProps) => {
           </motion.div>
         )}
       </AnimatePresence>
-    </nav>
+    </motion.nav>
   );
 };