From d4c228b28718caa8b086dd355106975e8576d515 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 22 May 2026 19:43:03 +0000
Subject: [PATCH] Add load animation to NavbarDropdown

---
 src/components/ui/NavbarDropdown.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/NavbarDropdown.tsx b/src/components/ui/NavbarDropdown.tsx
index ffaf58b..a19507f 100644
--- a/src/components/ui/NavbarDropdown.tsx
+++ b/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>
   );
 };
 
-- 
2.49.1