24 lines
921 B
TypeScript
24 lines
921 B
TypeScript
const categories = [
|
|
{ name: 'AI သတင်းများ', slug: 'ai-news', icon: '📰' },
|
|
{ name: 'သင်ခန်းစာများ', slug: 'tutorials', icon: '📚' },
|
|
{ name: 'အကြံပြုချက်များ', slug: 'tips-tricks', icon: '💡' },
|
|
{ name: 'လာမည့်အရာများ', slug: 'upcoming', icon: '🚀' },
|
|
]
|
|
|
|
export default function CategoryNav() {
|
|
return (
|
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
|
|
{categories.map((category) => (
|
|
<a
|
|
key={category.slug}
|
|
href={`/category/${category.slug}`}
|
|
className="bg-white rounded-lg shadow p-4 hover:shadow-lg transition-shadow duration-200 text-center"
|
|
>
|
|
<div className="text-3xl mb-2">{category.icon}</div>
|
|
<h3 className="font-semibold text-gray-900 font-burmese">{category.name}</h3>
|
|
</a>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|