Bob AI: fix build error in src/components/ui/FloatingNav.tsx

Merge version_8_1776693468912 into main

src/components/ui/FloatingNav.tsx

@@ -1,6 +1,8 @@
+"use client";
+
 import { useState, useEffect } from 'react';
 import { useButtonClick } from '@/hooks/useButtonClick';
-import { motion } from 'motion/react';
+import { motion, AnimatePresence } from "framer-motion";
 
 type NavItem = {
   name: string;
@@ -55,11 +57,12 @@ export default function FloatingNav({ logo, navItems, ctaButton }: FloatingNavPr
   const CtaButtonHandler = useButtonClick(ctaButton.href);
 
   return (
-    <>
+    <AnimatePresence>
       {visible && (
         <motion.nav
           initial={{ y: -100, opacity: 0 }}
           animate={{ y: 0, opacity: 1 }}
+          exit={{ y: -100, opacity: 0 }}
           transition={{ duration: 0.3, ease: 'easeInOut' }}
           className="fixed top-6 left-1/2 -translate-x-1/2 z-50"
         >
@@ -79,6 +82,6 @@ export default function FloatingNav({ logo, navItems, ctaButton }: FloatingNavPr
           </div>
         </motion.nav>
       )}
-    </>
+    </AnimatePresence>
   );
 }