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>
  )
}
