diff --git a/src/v2_optimizer.py b/src/v2_optimizer.py
index 80cb832d..1f6f33df 100644
--- a/src/v2_optimizer.py
+++ b/src/v2_optimizer.py
@@ -776,30 +776,30 @@ class V2VisionEngine:
             "  </a>\n"
             "</div>\n\n"
             "<div style=\"display: flex; justify-content: center; gap: 24px; margin: 16px 0; flex-wrap: wrap;\">\n"
-            "  <a href=\"./kubernetes.html\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
+            "  <a href=\"./kubernetes/\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
             "    <div class=\"hero-badge-card hero-badge-card--cyan\">\n"
-            "      <img src=\"images/kubernetes_logo.png\" alt=\"Kubernetes\"/>\n"
+            "      <img src=\"/v2/images/kubernetes_logo.png\" alt=\"Kubernetes\"/>\n"
             "      <div class=\"hero-badge-title\">Ecosystem Core</div>\n"
             "      <div class=\"hero-badge-subtitle\">Explore Kubernetes</div>\n"
             "    </div>\n"
             "  </a>\n"
-            "  <a href=\"./ai-agents-mcp.html\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
+            "  <a href=\"./ai-agents-mcp/\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
             "    <div class=\"hero-badge-card hero-badge-card--purple\">\n"
-            "      <img src=\"images/ai_agents_logo.png\" alt=\"AI & MCP Agents\"/>\n"
+            "      <img src=\"/v2/images/ai_agents_logo.png\" alt=\"AI & MCP Agents\"/>\n"
             "      <div class=\"hero-badge-title\">AI & MCP Agents</div>\n"
             "      <div class=\"hero-badge-subtitle\">Agentic Ecosystem</div>\n"
             "    </div>\n"
             "  </a>\n"
-            "  <a href=\"./videos/index.html\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
+            "  <a href=\"./videos/\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
             "    <div class=\"hero-badge-card hero-badge-card--pink\">\n"
-            "      <img src=\"images/video_hub_logo.png\" alt=\"Agentic Video Hub\"/>\n"
+            "      <img src=\"/v2/images/video_hub_logo.png\" alt=\"Agentic Video Hub\"/>\n"
             "      <div class=\"hero-badge-title\">Agentic Video Hub</div>\n"
             "      <div class=\"hero-badge-subtitle\">Architect Video Library</div>\n"
             "    </div>\n"
             "  </a>\n"
-            "  <a href=\"./introduction.html\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
+            "  <a href=\"./introduction/\" style=\"text-decoration: none; color: inherit; display: block;\">\n"
             "    <div class=\"hero-badge-card hero-badge-card--teal\">\n"
-            "      <img src=\"images/hero-car.png\" alt=\"Nubenetes Car\"/>\n"
+            "      <img src=\"/v2/images/hero-car.png\" alt=\"Nubenetes Car\"/>\n"
             "      <div class=\"hero-badge-title\">Get Started</div>\n"
             "      <div class=\"hero-badge-subtitle\">Introduction Guide</div>\n"
             "    </div>\n"