diff --git a/src/app/docs/kagent/examples/telegram-bot/page.mdx b/src/app/docs/kagent/examples/telegram-bot/page.mdx
index 6b0899a..ce9c120 100644
--- a/src/app/docs/kagent/examples/telegram-bot/page.mdx
+++ b/src/app/docs/kagent/examples/telegram-bot/page.mdx
@@ -20,11 +20,18 @@ The bot maintains conversation continuity across messages (so the agent remember
 
 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" }} />
+</div>
+
 ## Architecture Overview
 
 Here’s what we’re building:
 
-![Arch](https://github.com/kagent-dev/website/blob/example-telgram-with-kagent/src/app/docs/kagent/examples/telegram-bot/arch.png)
+<div style={{ display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }}>
+  <img src="arch.png" alt="Architecture" style={{ width: "40%", minWidth: "250px" }} />
+</div>
 
 ---
 
diff --git a/src/app/docs/kagent/examples/telegram-bot/telegram.gif b/src/app/docs/kagent/examples/telegram-bot/telegram.gif
new file mode 100644
index 0000000..5edad8b
Binary files /dev/null and b/src/app/docs/kagent/examples/telegram-bot/telegram.gif differ