forked from minzeyaphyo/burmddit
Initial Burmddit deployment - AI news aggregator in Burmese
This commit is contained in:
54
frontend/components/Header.tsx
Normal file
54
frontend/components/Header.tsx
Normal file
@@ -0,0 +1,54 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user