Initial Burmddit deployment - AI news aggregator in Burmese

frontend/components/CategoryNav.tsx

@@ -0,0 +1,23 @@
+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>
+  )
+}