Add Meshery Design embed _index.md and JS file

content/learning-paths/d011fd20-a3f5-4480-883b-dfb34321d168/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/_index.md

@@ -31,7 +31,11 @@ These components encapsulate the resources and include their detailed configurat
 
 ## Meshery Design at a Glance
 
-![basic-meshery-design](basic-meshery-design.png)
+{{< meshery-design-embed
+  id="embedded-design-meshery-design-at-a-glance"
+  src="embedded-design-meshery-design-at-a-glance.js"
+>}}
+
 
 The design above shows a simple Meshery Design that consists of Kubernetes components. It specifically illustrates some kubernetes resources that are required to deploy an application to a Kubernetes cluster.
 

content/learning-paths/d011fd20-a3f5-4480-883b-dfb34321d168/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/embedded-design-meshery-design-at-a-glance.js

@@ -0,0 +1,7 @@
+const design = {
+  id: "bf3ef49f-0623-499b-b9e3-3b9e0da07557",
+  type: "meshery-design",
+  link: "https://kanvas.new/extension/meshmap?mode=design&design=bf3ef49f-0623-499b-b9e3-3b9e0da07557"
+}
+
+export default design;

content/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/_index.md

@@ -0,0 +1,10 @@
+---
+title: "Meshery Design at a Glance"
+date: 2026-03-26
+draft: false
+---
+
+{{< meshery-design-embed 
+    id="embedded-design-meshery-design-at-a-glance" 
+    src="embedded-design-meshery-design-at-a-glance.js" 
+>}}

content/mastering-meshery/introduction-to-meshery/interpreting-meshery-designs/embedded-design-meshery-design-at-a-glance.js

@@ -0,0 +1,7 @@
+const design = {
+  id: "bf3ef49f-0623-499b-b9e3-3b9e0da07557",
+  type: "meshery-design",
+  link: "https://kanvas.new/extension/meshmap?mode=design&design=bf3ef49f-0623-499b-b9e3-3b9e0da07557"
+}
+
+export default design;