Bob AI: make the navigation bar glassmorphic

Merge version_3_1778166146779 into main

src/components/sections/hero/HeroSplitMediaGrid.tsx

@@ -52,6 +52,13 @@ const HeroSplitMediaGrid = ({
               <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
               <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary"animationDelay={0.1} />
             </div>
+            <div className="flex items-center gap-3 mt-5 p-3 card rounded-theme">
+              <div className="relative flex items-center justify-center w-4 h-4">
+                <div className="absolute w-full h-full bg-green-500 rounded-full animate-ping"></div>
+                <div className="w-2 h-2 bg-green-500 rounded-full"></div>
+              </div>
+              <span className="text-sm">2,345 people active now</span>
+            </div>
           </div>
         </div>
 

src/components/ui/NavbarFloating.tsx

@@ -46,7 +46,7 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
       </AnimatePresence>
 
       <nav className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
-        <div className="mx-auto w-full md:w-1/2 overflow-hidden rounded backdrop-blur-sm card">
+        <div className="mx-auto w-full md:w-1/2 overflow-hidden rounded-theme-capped bg-white/10 backdrop-blur-lg border border-white/20 shadow-lg">
           <div className="relative z-10 flex items-center justify-between gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5">
             <a href="/" className="text-xl font-medium text-foreground">{logo}</a>
 
@@ -76,7 +76,7 @@ const NavbarFloating = ({ logo, navItems, ctaButton }: NavbarFloatingProps) => {
                 className="overflow-hidden"
               >
                 <div className="flex flex-col gap-3 xl:gap-4 2xl:gap-5 p-3 xl:p-4 2xl:p-5 pt-0 xl:pt-0 2xl:pt-0">
-                  <div className="px-3 xl:px-4 2xl:px-5 py-0 md:py-1 2xl:py-2 rounded card">
+                  <div className="px-3 xl:px-4 2xl:px-5 py-0 md:py-1 2xl:py-2 rounded-theme-capped bg-white/10">
                     {navItems.map((item, index) => (
                       <div key={item.name}>
                         <a