diff --git a/public/js/components/navbar.js b/public/js/components/navbar.js
index 39b95e45..e57eb4f0 100644
--- a/public/js/components/navbar.js
+++ b/public/js/components/navbar.js
@@ -110,6 +110,11 @@ class TractatusNavbar {
                 </div>
               </div>
 
+              <!-- Blog (direct link) -->
+              <a href="/blog.html" class="px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 rounded-lg transition">
+                Blog
+              </a>
+
               <!-- About Dropdown -->
               <div class="relative" data-dropdown="about">
                 <button class="nav-dropdown-btn px-3 py-2 text-sm font-medium text-gray-700 hover:text-blue-700 hover:bg-blue-50 rounded-lg transition flex items-center gap-1">
@@ -195,6 +200,12 @@ class TractatusNavbar {
                 <a href="/integrations/agent-lightning.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-purple-50 hover:text-purple-700 rounded-lg transition">Agent Lightning</a>
               </div>
 
+              <!-- Blog -->
+              <div class="pb-3 mb-3 border-b border-gray-200">
+                <p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2 px-3">Blog</p>
+                <a href="/blog.html" class="block px-3 py-2 text-sm text-gray-700 hover:bg-blue-50 hover:text-blue-700 rounded-lg transition">Latest Posts</a>
+              </div>
+
               <!-- About & Resources -->
               <div class="pb-3 mb-3 border-b border-gray-200">
                 <p class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2 px-3">About</p>