diff --git a/src/app/docs/kagent/examples/telegram-bot/arch.png b/public/images/telegram-bot/arch.png
similarity index 100%
rename from src/app/docs/kagent/examples/telegram-bot/arch.png
rename to public/images/telegram-bot/arch.png
diff --git a/src/app/docs/kagent/examples/telegram-bot/telegram.gif b/public/images/telegram-bot/telegram.gif
similarity index 100%
rename from src/app/docs/kagent/examples/telegram-bot/telegram.gif
rename to public/images/telegram-bot/telegram.gif
diff --git a/src/app/docs/kagent/examples/telegram-bot/page.mdx b/src/app/docs/kagent/examples/telegram-bot/page.mdx
index ce9c120..9b3c978 100644
--- a/src/app/docs/kagent/examples/telegram-bot/page.mdx
+++ b/src/app/docs/kagent/examples/telegram-bot/page.mdx
@@ -22,7 +22,7 @@ No webhooks. No public endpoints. Just polling from inside the cluster.
 
 
 <div style={{ display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }}>
-  <img src="telegram.gif" alt="Telegram Demo" style={{ width: "55%", minWidth: "300px" }} />
+  <img src="/images/telegram-bot/telegram.gif" alt="Telegram Demo" style={{ width: "55%", minWidth: "300px" }} />
 </div>
 
 ## Architecture Overview
@@ -30,7 +30,7 @@ No webhooks. No public endpoints. Just polling from inside the cluster.
 Here’s what we’re building:
 
 <div style={{ display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }}>
-  <img src="arch.png" alt="Architecture" style={{ width: "40%", minWidth: "250px" }} />
+  <img src="/images/telegram-bot/arch.png" alt="Architecture" style={{ width: "40%", minWidth: "250px" }} />
 </div>
 
 ---