diff --git a/internal/launchpad/assets/data/links.json b/internal/launchpad/assets/data/links.json
index 08bc2bea..b10af39b 100644
--- a/internal/launchpad/assets/data/links.json
+++ b/internal/launchpad/assets/data/links.json
@@ -1,4 +1,21 @@
 [
+  {
+    "title": "Demonstrations",
+    "iconColorClass": "bg-cyan-100",
+    "iconPath": "assets/images/icon-video.svg",
+    "links": [
+      {
+        "title": "KROW Platform - M4 Demonstration",
+        "url": "https://www.youtube.com/embed/hD-Ngt5xfSc",
+        "badge": "Demo",
+        "badgeColorClass": "bg-cyan-500",
+        "containerClass": "bg-gradient-to-r from-cyan-50 to-blue-100 hover:from-cyan-100 hover:to-blue-200",
+        "iconClass": "w-2 h-2 bg-cyan-500 rounded-full",
+        "textHoverClass": "group-hover:text-cyan-700",
+        "isVideo": true
+      }
+    ]
+  },
   {
     "title": "Applications",
     "iconColorClass": "bg-primary-100",
diff --git a/internal/launchpad/assets/images/icon-video.svg b/internal/launchpad/assets/images/icon-video.svg
new file mode 100644
index 00000000..3f7d6840
--- /dev/null
+++ b/internal/launchpad/assets/images/icon-video.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7646 4C15.6067 4 17.117 5.48602 17.1172 7.33301V8.41309L17.2607 8.2998L19.9629 6.15625C20.2986 5.88843 20.7104 5.75 21.1289 5.75L21.3184 5.75977C22.2568 5.85417 23 6.64122 23 7.61426V16.3857C23 17.4234 22.1548 18.2499 21.1289 18.25C20.7102 18.25 20.2987 18.1108 19.9629 17.8428V17.8438L17.2607 15.7002L17.1172 15.5859V16.667C17.117 18.514 15.6067 20 13.7646 20H4.35254C2.51066 19.9998 1.00018 18.5138 1 16.667V7.33301C1.00018 5.48616 2.51066 4.00022 4.35254 4H13.7646Z" stroke="#3949AB" stroke-width="2"/>
+</svg>
diff --git a/internal/launchpad/assets/js/links-loader.js b/internal/launchpad/assets/js/links-loader.js
index 47f20edf..8a5eb6cd 100644
--- a/internal/launchpad/assets/js/links-loader.js
+++ b/internal/launchpad/assets/js/links-loader.js
@@ -48,8 +48,9 @@ async function loadLinks() {
                 <div class="space-y-3">
                     ${group.links.map(link => {
                         const isPrototype = link.url.startsWith('/prototypes/');
-                        const hrefAttr = isPrototype ? 'href="#"' : `href="${link.url}" target="_blank"`;
-                        const onclickAttr = isPrototype ? `onclick="event.preventDefault(); showView('iframe', this, '${link.url}', '${link.title}')"` : '';
+                        const isVideo = link.isVideo === true;
+                        const hrefAttr = (isPrototype || isVideo) ? 'href="#"' : `href="${link.url}" target="_blank"`;
+                        const onclickAttr = (isPrototype || isVideo) ? `onclick="event.preventDefault(); showView('iframe', this, '${link.url}', '${link.title}')"` : '';
                         
                         return `
                         <a ${hrefAttr} ${onclickAttr}