diff --git a/v2-docs/videos/index.md b/v2-docs/videos/index.md
index d9266524..dc8d7d9c 100644
--- a/v2-docs/videos/index.md
+++ b/v2-docs/videos/index.md
@@ -5,28 +5,28 @@ Welcome to the **Nubenetes Elite Video Hub**. Discover highly-curated architectu
 ## Learning Dimensions
 
 <div style="display: flex; justify-content: center; gap: 24px; margin: 24px 0; flex-wrap: wrap;">
-  <a href="./ai-agents.html" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
+  <a href="./ai-agents/" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
     <div class="hero-badge-card hero-badge-card--purple" style="min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px;">
       <span style="font-size: 3.5rem; margin-bottom: 12px; display: block;">🤖</span>
       <div class="hero-badge-title" style="font-size: 1.05rem; font-weight: bold;">AI Agents and MCP</div>
       <div class="hero-badge-subtitle" style="font-size: 0.78rem; margin-top: 8px; line-height: 1.4; color: var(--md-primary-fg-color--dark);">Dive into agentic architectures, tool integration, and Model Context Protocol setups.</div>
     </div>
   </a>
-  <a href="./devops-iac.html" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
+  <a href="./devops-iac/" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
     <div class="hero-badge-card hero-badge-card--cyan" style="min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px;">
       <span style="font-size: 3.5rem; margin-bottom: 12px; display: block;">🛠️</span>
       <div class="hero-badge-title" style="font-size: 1.05rem; font-weight: bold;">DevOps, IaC, and SRE</div>
       <div class="hero-badge-subtitle" style="font-size: 0.78rem; margin-top: 8px; line-height: 1.4; color: var(--md-primary-fg-color--dark);">Platform engineering, infrastructure automation with Terraform, SRE, and compliance workflows utilizing AI assistants.</div>
     </div>
   </a>
-  <a href="./cloud-native.html" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
+  <a href="./cloud-native/" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
     <div class="hero-badge-card hero-badge-card--teal" style="min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px;">
       <span style="font-size: 3.5rem; margin-bottom: 12px; display: block;">☁️</span>
       <div class="hero-badge-title" style="font-size: 1.05rem; font-weight: bold;">Cloud Native Core</div>
       <div class="hero-badge-subtitle" style="font-size: 0.78rem; margin-top: 8px; line-height: 1.4; color: var(--md-primary-fg-color--dark);">Architectural strategies, Kubernetes operations, networking, and MLOps platforms.</div>
     </div>
   </a>
-  <a href="./fundamentals.html" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
+  <a href="./fundamentals/" style="text-decoration: none; color: inherit; display: block; flex: 1; min-width: 250px; max-width: 270px;">
     <div class="hero-badge-card hero-badge-card--pink" style="min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px;">
       <span style="font-size: 3.5rem; margin-bottom: 12px; display: block;">🏁</span>
       <div class="hero-badge-title" style="font-size: 1.05rem; font-weight: bold;">Fundamentals</div>