initial migration

components/Navigation.tsx

@@ -0,0 +1,39 @@
+import Link from 'next/link'
+
+interface NavigationProps {
+  logo?: string
+  siteName: string
+  locale: string
+}
+
+export function Navigation({ logo, siteName, locale }: NavigationProps) {
+  // Static menu for now - can be made dynamic later
+  const mainMenu = [
+    { title: 'Home', path: `/${locale}` },
+    { title: 'Blog', path: `/${locale}/blog` },
+    { title: 'Products', path: `/${locale}/products` },
+    { title: 'Contact', path: `/${locale}/contact` }
+  ]
+  
+  return (
+    <nav className="navbar">
+      <div className="nav-container">
+        <Link href={`/${locale}`} className="nav-logo">
+          {logo || siteName}
+        </Link>
+        
+        <div className="nav-menu">
+          {mainMenu.map((item) => (
+            <Link
+              key={item.path}
+              href={item.path}
+              className="nav-link"
+            >
+              {item.title}
+            </Link>
+          ))}
+        </div>
+      </div>
+    </nav>
+  )
+}