55 lines
2.0 KiB
TypeScript
55 lines
2.0 KiB
TypeScript
import Link from 'next/link'
|
|
|
|
export default function Header() {
|
|
return (
|
|
<header className="bg-white shadow-sm sticky top-0 z-50">
|
|
<nav className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="flex justify-between items-center h-16">
|
|
{/* Logo */}
|
|
<Link href="/" className="flex items-center space-x-2">
|
|
<span className="text-2xl font-bold text-primary-600">B</span>
|
|
<span className="text-xl font-bold text-gray-900 font-burmese">
|
|
Burmddit
|
|
</span>
|
|
</Link>
|
|
|
|
{/* Navigation */}
|
|
<div className="hidden md:flex space-x-8">
|
|
<Link
|
|
href="/"
|
|
className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
|
|
>
|
|
ပင်မစာမျက်နှာ
|
|
</Link>
|
|
<Link
|
|
href="/category/ai-news"
|
|
className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
|
|
>
|
|
AI သတင်းများ
|
|
</Link>
|
|
<Link
|
|
href="/category/tutorials"
|
|
className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
|
|
>
|
|
သင်ခန်းစာများ
|
|
</Link>
|
|
<Link
|
|
href="/category/tips-tricks"
|
|
className="text-gray-700 hover:text-primary-600 font-medium font-burmese"
|
|
>
|
|
အကြံပြုချက်များ
|
|
</Link>
|
|
</div>
|
|
|
|
{/* Search Icon */}
|
|
<button className="p-2 text-gray-600 hover:text-primary-600">
|
|
<svg className="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
)
|
|
}
|