feat: implement floating navbar with aurora background and updated header styling

src/components/Layout.tsx

@@ -1,8 +1,16 @@
 import { Outlet } from 'react-router-dom'
-import { Header } from './Header'
+import { FloatingNav } from './ui/floating-navbar'
 import { Footer } from './Footer'
+import { Header } from './Header'
 
 export function Layout() {
+  const navItems = [
+    { name: 'Home', link: '/' },
+    { name: 'Cloud', link: '/cloud' },
+    { name: 'Network', link: '/network' },
+    { name: 'Agents', link: '/agents' },
+  ];
+
   return (
     <div className="bg-white antialiased" style={{ fontFamily: 'var(--font-inter)' }}>
       <Header />