70 lines
3.0 KiB
TypeScript
70 lines
3.0 KiB
TypeScript
import Link from 'next/link'
|
||
|
||
const categories = [
|
||
{ href: '/category/ai-news', label: 'AI သတင်းများ' },
|
||
{ href: '/category/tutorials', label: 'သင်ခန်းစာများ' },
|
||
{ href: '/category/tips-tricks', label: 'အကြံပြုချက်များ' },
|
||
{ href: '/category/upcoming', label: 'လာမည့်အရာများ' },
|
||
]
|
||
|
||
export default function Footer() {
|
||
return (
|
||
<footer className="bg-gray-900 text-white mt-16">
|
||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
|
||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||
{/* Brand */}
|
||
<div>
|
||
<Link href="/" className="flex items-center space-x-2 mb-4">
|
||
<span className="w-8 h-8 bg-primary rounded-lg flex items-center justify-center text-white font-bold text-lg">B</span>
|
||
<span className="text-xl font-bold font-burmese">Burmddit</span>
|
||
</Link>
|
||
<p className="text-gray-400 text-sm font-burmese leading-relaxed">
|
||
AI နှင့် နည်းပညာဆိုင်ရာ သတင်းများကို မြန်မာဘာသာဖြင့် နေ့စဉ် ထုတ်ပြန်ပေးသော ပလက်ဖောင်း
|
||
</p>
|
||
</div>
|
||
|
||
{/* Categories */}
|
||
<div>
|
||
<h3 className="text-base font-bold mb-4 font-burmese">အမျိုးအစားများ</h3>
|
||
<ul className="space-y-2 text-sm">
|
||
{categories.map((c) => (
|
||
<li key={c.href}>
|
||
<Link href={c.href} className="text-gray-400 hover:text-white font-burmese transition-colors">
|
||
{c.label}
|
||
</Link>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</div>
|
||
|
||
{/* Quick Links */}
|
||
<div>
|
||
<h3 className="text-base font-bold mb-4 font-burmese">အမြန်လင့်များ</h3>
|
||
<ul className="space-y-2 text-sm">
|
||
<li>
|
||
<Link href="/search" className="text-gray-400 hover:text-white font-burmese transition-colors">
|
||
🔍 ရှာဖွေရန်
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link href="/" className="text-gray-400 hover:text-white font-burmese transition-colors">
|
||
📰 နောက်ဆုံးရ သတင်းများ
|
||
</Link>
|
||
</li>
|
||
</ul>
|
||
<p className="text-gray-500 text-xs mt-6 font-burmese leading-relaxed">
|
||
Built with ❤️ for Myanmar tech community
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="mt-8 pt-8 border-t border-gray-800 text-center">
|
||
<p className="text-gray-500 text-sm font-burmese">
|
||
© {new Date().getFullYear()} Burmddit. မူပိုင်ခွင့် အာမခံသည်။
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
)
|
||
}
|