import { Outlet } from 'react-router-dom'
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 />
      <main>
        <Outlet />
      </main>
      <Footer />
    </div>
  )
}