39 lines
960 B
TypeScript
39 lines
960 B
TypeScript
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>
|
|
)
|
|
} |