diff --git a/.desktop-lighthouserc.js b/.desktop-lighthouserc.js
index 5ddb404fa313..6e6304566de2 100644
--- a/.desktop-lighthouserc.js
+++ b/.desktop-lighthouserc.js
@@ -10,7 +10,7 @@ module.exports = {
         "http://localhost/?desktop",
         "http://localhost/company/about/index.html?desktop",
          "http://localhost/cloud-native-management/meshery/index.html?desktop",
-         "http://localhost/cloud-native-management/meshmap/index.html?desktop",
+         "http://localhost/cloud-native-management/kanvas/index.html?desktop",
          "http://localhost/learn/learning-paths/index.html?desktop",
          "http://localhost/learn/service-mesh-books/index.html?desktop",
          "http://localhost/learn/service-mesh-workshops/index.html?desktop",
diff --git a/.github/labeler.yml b/.github/labeler.yml
index 080e048af5dd..49da5263a5b2 100644
--- a/.github/labeler.yml
+++ b/.github/labeler.yml
@@ -93,7 +93,7 @@ project/meshery:
 - changed-files:
   - any-glob-to-any-file:
     - "src/collections/integrations/**/*"
-project/meshmap:
+project/kanvas:
 - changed-files:
   - any-glob-to-any-file:
-    - "src/sections/Meshmap/**/*"
+    - "src/sections/Kanvas/**/*"
diff --git a/.github/workflows/meshmap.yml b/.github/workflows/meshmap.yml
index a39642227960..f1c83b0278ee 100644
--- a/.github/workflows/meshmap.yml
+++ b/.github/workflows/meshmap.yml
@@ -1,4 +1,4 @@
-name: MeshMap Screenshot Service
+name: Kanvas Screenshot Service
 'on':
   pull_request_target:
     types:
@@ -14,7 +14,7 @@ name: MeshMap Screenshot Service
     outputs:
       resource_url:
         description: The URL of the generated resource.
-        value: ${{ jobs.MeshMapScreenshot.outputs.resource_url }}
+        value: ${{ jobs.KanvasScreenshot.outputs.resource_url }}
 permissions:
   actions: read
   contents: write
@@ -23,7 +23,7 @@ permissions:
   pull-requests: write
   id-token: write
 jobs:
-  MeshMapScreenshot:
+  KanvasScreenshot:
     runs-on: ubuntu-latest
     outputs:
       resource_url: ${{ steps.test_result.outputs.resource_url }}
@@ -36,9 +36,9 @@ jobs:
       - uses: actions/checkout@v4
         with:
           path: action
-          repository: layer5labs/meshmap-snapshot
+          repository: layer5labs/kanvas-snapshot
       - id: test_result
-        uses: layer5labs/MeshMap-Snapshot@v0.2.8
+        uses: layer5labs/Kanvas-Snapshot@v0.2.8
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
           mesheryToken: ${{ secrets.MESHERY_TOKEN }}
diff --git a/.lighthouserc.js b/.lighthouserc.js
index 06bc8b98b5c9..3e6067c7e302 100644
--- a/.lighthouserc.js
+++ b/.lighthouserc.js
@@ -8,7 +8,7 @@ module.exports = {
           "http://localhost",
           "http://localhost/company/about/index.html",
           "http://localhost/cloud-native-management/meshery/index.html",
-          "http://localhost/cloud-native-management/meshmap/index.html",
+          "http://localhost/cloud-native-management/kanvas/index.html",
           "http://localhost/learn/learning-paths/index.html",
           "http://localhost/learn/service-mesh-books/index.html",
           "http://localhost/learn/service-mesh-workshops/index.html",
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 5b54053833db..b24af2cdbd63 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -227,7 +227,7 @@ OR
 
 - SVG or image uses transparent sections that change with the background color to work with either theme.
 
-[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/meshmap/icon-only/meshmap-icon.svg)
+[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon.svg)
 
 [Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.webp)
 
@@ -331,7 +331,7 @@ If possible we wish to avoid using images dependent on the theme because we are
 
 1. To change images or SVG as the image source, according to the theme, you have to import the hook `useStyledDarkMode` from the following [folder](https://github.com/layer5io/layer5/blob/master/src/theme/app/useStyledDarkMode.js), and then use the `isDark` value from `useStyledDarkMode` hook for the conditional.
 
-For example, you can view the code for [this file](https://github.com/layer5io/layer5/blob/master/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js).
+For example, you can view the code for [this file](https://github.com/layer5io/layer5/blob/master/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js).
 
 Here are the relevant parts of the code:
 
@@ -403,7 +403,7 @@ Badges are a great way of highlighting the area of contribution by any given com
 - <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/docker-extension/docker-extension-meshery-logo.svg" width="25px" height="25px"/> Docker Extension
 - <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/docs/docs.svg" width="25px" height="25px"/> Docs
 - <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/meshery/meshery-catalog.svg" width="25px" height="25px"/> Meshery Catalog
-- <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/meshmap/icon-only/meshmap-icon.svg" width="25px" height="25px"/> MeshMap
+- <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon.svg" width="25px" height="25px"/> Kanvas
 - <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/landscape/layer5_landscape_green.svg" width="25px" height="25px"/> Landscape
 - <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/image-hub/layer5-image-hub.svg" width="25px" height="25px"/> ImageHub
 - <img src="https://github.com/layer5io/layer5/blob/master/src/assets/images/meshery/icon-only/meshery-logo-light.svg" width="25px" height="25px"/> Meshery
diff --git a/README.md b/README.md
index 8e502d142285..eeb5107f2714 100644
--- a/README.md
+++ b/README.md
@@ -39,11 +39,11 @@
 
 
 <p style="clear:both;">
-<h2><a href="https://layer5.io/meshmap">MeshMap</a></h2>
-<a href="https://layer5.io/meshmap">
-  <img src="src/assets/images/meshmap/meshmap-color-icon.svg" alt="MeshMap logo" width="125px" style="margin:10px;" align="left" />
+<h2><a href="https://layer5.io/kanvas">Kanvas</a></h2>
+<a href="https://layer5.io/kanvas">
+  <img src="src/assets/images/kanvas/kanvas-color-icon.svg" alt="Kanvas logo" width="125px" style="margin:10px;" align="left" />
 </a>
-<a href="https://layer5.io/meshmap">MeshMap</a> is an end-to-end management platform, here to help teams understand problems, deploy designs, apply patterns, manage and operate your deployments and services in real-time.
+<a href="https://layer5.io/kanvas">Kanvas</a> is an end-to-end management platform, here to help teams understand problems, deploy designs, apply patterns, manage and operate your deployments and services in real-time.
 <br /><br /><br/>
 </p>
 <br />
diff --git a/src/assets/data/faq/index.js b/src/assets/data/faq/index.js
index ccc5a2582884..82b304813e16 100644
--- a/src/assets/data/faq/index.js
+++ b/src/assets/data/faq/index.js
@@ -107,10 +107,10 @@ const data = {
       ],
     },
     {
-      question: "Can I deploy Meshery / MeshMap on-premises?",
+      question: "Can I deploy Meshery / Kanvas on-premises?",
       category: "Meshery",
       answer: [
-        "Yes, Meshery, MeshMap, and Layer5 Cloud can be deployed on-premises in minutes using Helm charts.",
+        "Yes, Meshery, Kanvas, and Layer5 Cloud can be deployed on-premises in minutes using Helm charts.",
         "With a small number of manual steps, air-gapped deployments to run Meshery without internet access is also supported.",
       ],
     },
@@ -125,18 +125,18 @@ const data = {
       question: "Is it possible to migrate from managed Layer5 Cloud to self-hosted Layer5 Cloud on-premises?",
       category: "Meshery",
       answer: [
-        "Yes, Meshery, MeshMap, and Layer5 Cloud can be deployed on-premises in minutes using Helm charts.",
+        "Yes, Meshery, Kanvas, and Layer5 Cloud can be deployed on-premises in minutes using Helm charts.",
         "A one-time export of your data can be requested as you transition from managed Layer5 Cloud to self-hosted Layer5 Cloud.",
         "With a small number of manual steps, air-gapped deployments to run Meshery without internet access is also supported.",
 
       ],
     },
     {
-      question: `What is the difference between MeshMap and the Cloud Native Playground?`,
+      question: `What is the difference between Kanvas and the Cloud Native Playground?`,
       category: "Meshery",
       answer: [
-        "The Cloud Native Playground (aka Meshery Playground) is a managed instance of Meshery that offers a sandbox environment in which half of MeshMap<sup>BETA</sup>&nbsp;functionality is enabled (Designer mode) and the other half of MeshMap<sup>BETA</sup> functionality is disabled (Visualizer mode).",
-        "The sandbox environment is not connected to an active Kuberentes cluster, and as such, specific actions within MeshMap Designer are also disabled. Meshery and MeshMap are feature-rich, sophisticated management applications for cloud native infrastructure. To access their full set of capabilities, simply deploy your own copy of Meshery into the environment of your choosing.",
+        "The Cloud Native Playground (aka Meshery Playground) is a managed instance of Meshery that offers a sandbox environment in which half of Kanvas<sup>BETA</sup>&nbsp;functionality is enabled (Designer mode) and the other half of Kanvas<sup>BETA</sup> functionality is disabled (Visualizer mode).",
+        "The sandbox environment is not connected to an active Kuberentes cluster, and as such, specific actions within Kanvas Designer are also disabled. Meshery and Kanvas are feature-rich, sophisticated management applications for cloud native infrastructure. To access their full set of capabilities, simply deploy your own copy of Meshery into the environment of your choosing.",
       ],
     },    
     {
@@ -181,13 +181,13 @@ const data = {
       ],
     },
     {
-      question: "Is MeshMap cloud or a self-hosted solution?",
-      category: "MeshMap",
-      link: "https://layer5.io/cloud-native-management/meshmap",
+      question: "Is Kanvas cloud or a self-hosted solution?",
+      category: "Kanvas",
+      link: "https://layer5.io/cloud-native-management/kanvas",
       linktext: "Learn More",
       answer: [
-        "Yes, MeshMap is available both as a hosted solution and is also deployable on-premises as a self-hosted solution.",
-        "MeshMap can be self-hosted to keep your designs and applications internal to your premises. You can also choose to have MeshMap hosted as SaaS solution offered by Layer5.",
+        "Yes, Kanvas is available both as a hosted solution and is also deployable on-premises as a self-hosted solution.",
+        "Kanvas can be self-hosted to keep your designs and applications internal to your premises. You can also choose to have Kanvas hosted as SaaS solution offered by Layer5.",
         "Whether self-hosted or hosted by Layer5, we are here to support you."
       ]
     },
@@ -201,23 +201,23 @@ const data = {
       ]
     },
     {
-      question: "How can I try out MeshMap?",
-      category: "MeshMap",
-      link: "https://layer5.io/cloud-native-management/meshmap",
-      linktext: "MeshMap Beta",
+      question: "How can I try out Kanvas?",
+      category: "Kanvas",
+      link: "https://layer5.io/cloud-native-management/kanvas",
+      linktext: "Kanvas Beta",
       answer: [
-       "MeshMap is available in beta today. Signup for MeshMap beta access and use MeshMap for free.",
+       "Kanvas is available in beta today. Signup for Kanvas beta access and use Kanvas for free.",
        "Your request for early access will be processeed as quicky as possible but due to the large influx of program participation requests, it may take some time before system access is granted. In the meantime to help you familiarize with Meshery, the maintainers team will send you additional information about the early access program."
       ]
     },
     {
-      question: "What is MeshMap early access program?",
-      category: "MeshMap",
-      link: "https://layer5.io/cloud-native-management/meshmap",
-      linktext: "MeshMap Beta",
+      question: "What is Kanvas early access program?",
+      category: "Kanvas",
+      link: "https://layer5.io/cloud-native-management/kanvas",
+      linktext: "Kanvas Beta",
       answer: [
-        "MeshMap is cloud native collaboration tool for managing your infrastructure and applications. MeshMap has two modes: Visualizer for operating your actively running Kubernetes clusters and Designer for configuring your Kubernetes clusters and creating your creating your application deployments.",
-       "MeshMap is in beta mode and you can ask for early access to try it out.",
+        "Kanvas is cloud native collaboration tool for managing your infrastructure and applications. Kanvas has two modes: Visualizer for operating your actively running Kubernetes clusters and Designer for configuring your Kubernetes clusters and creating your creating your application deployments.",
+       "Kanvas is in beta mode and you can ask for early access to try it out.",
       ]
     },
     
diff --git a/src/assets/discuss/html/footer.html b/src/assets/discuss/html/footer.html
index 1dc4e2786079..cd11cd1797b4 100644
--- a/src/assets/discuss/html/footer.html
+++ b/src/assets/discuss/html/footer.html
@@ -59,7 +59,7 @@ <h5 class="footer-h5"><a href="https://layer5.io/community/handbook/writing-prog
                     </div>
                     <div class="odd-col footer-sections footer-projects">
                         <h3 class="section-title"><a href="https://layer5.io/projects">SOLUTIONS</a></h3>
-                        <h5 class="footer-h5"><a href="https://layer5.io/cloud-native-management/meshmap">MeshMap</a></h5>
+                        <h5 class="footer-h5"><a href="https://layer5.io/cloud-native-management/kanvas">Kanvas</a></h5>
                         <h5 class="footer-h5"><a href="https://layer5.io/cloud-native-management/meshery">Meshery</a></h5>
                         <h5 class="footer-h5"><a href="https://layer5.io/projects/nighthawk">Nighthawk</a></h5>
                         <h5 class="footer-h5"><a href="https://layer5.io/docker-extension-meshery">Docker Extension</a></h5>
diff --git a/src/assets/images/homePage-images/meshmap.webp b/src/assets/images/homePage-images/kanvas.webp
similarity index 100%
rename from src/assets/images/homePage-images/meshmap.webp
rename to src/assets/images/homePage-images/kanvas.webp
diff --git a/src/assets/images/meshmap-snapshot/meshmap-snapshot.svg b/src/assets/images/kanvas-snapshot/kanvas-snapshot.svg
similarity index 100%
rename from src/assets/images/meshmap-snapshot/meshmap-snapshot.svg
rename to src/assets/images/kanvas-snapshot/kanvas-snapshot.svg
diff --git a/src/assets/images/meshmap/MeshmapCatalog.webp b/src/assets/images/kanvas/KanvasCatalog.webp
similarity index 100%
rename from src/assets/images/meshmap/MeshmapCatalog.webp
rename to src/assets/images/kanvas/KanvasCatalog.webp
diff --git a/src/assets/images/meshmap/MeshmapDesigner.webp b/src/assets/images/kanvas/KanvasDesigner.webp
similarity index 100%
rename from src/assets/images/meshmap/MeshmapDesigner.webp
rename to src/assets/images/kanvas/KanvasDesigner.webp
diff --git a/src/assets/images/meshmap/MeshmapVisualizer.webp b/src/assets/images/kanvas/KanvasVisualizer.webp
similarity index 100%
rename from src/assets/images/meshmap/MeshmapVisualizer.webp
rename to src/assets/images/kanvas/KanvasVisualizer.webp
diff --git a/src/assets/images/meshmap/MesheryCloud.webp b/src/assets/images/kanvas/MesheryCloud.webp
similarity index 100%
rename from src/assets/images/meshmap/MesheryCloud.webp
rename to src/assets/images/kanvas/MesheryCloud.webp
diff --git a/src/assets/images/meshmap/catalog-card-images/circuit-breaker.svg b/src/assets/images/kanvas/catalog-card-images/circuit-breaker.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/circuit-breaker.svg
rename to src/assets/images/kanvas/catalog-card-images/circuit-breaker.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/correlate-event.svg b/src/assets/images/kanvas/catalog-card-images/correlate-event.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/correlate-event.svg
rename to src/assets/images/kanvas/catalog-card-images/correlate-event.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/denial.svg b/src/assets/images/kanvas/catalog-card-images/denial.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/denial.svg
rename to src/assets/images/kanvas/catalog-card-images/denial.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/http.svg b/src/assets/images/kanvas/catalog-card-images/http.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/http.svg
rename to src/assets/images/kanvas/catalog-card-images/http.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/jwt.svg b/src/assets/images/kanvas/catalog-card-images/jwt.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/jwt.svg
rename to src/assets/images/kanvas/catalog-card-images/jwt.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/multicluster.svg b/src/assets/images/kanvas/catalog-card-images/multicluster.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/multicluster.svg
rename to src/assets/images/kanvas/catalog-card-images/multicluster.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/mutual-tls.svg b/src/assets/images/kanvas/catalog-card-images/mutual-tls.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/mutual-tls.svg
rename to src/assets/images/kanvas/catalog-card-images/mutual-tls.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/node-agent.svg b/src/assets/images/kanvas/catalog-card-images/node-agent.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/node-agent.svg
rename to src/assets/images/kanvas/catalog-card-images/node-agent.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/only-wagent.svg b/src/assets/images/kanvas/catalog-card-images/only-wagent.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/only-wagent.svg
rename to src/assets/images/kanvas/catalog-card-images/only-wagent.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/pre-provision.svg b/src/assets/images/kanvas/catalog-card-images/pre-provision.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/pre-provision.svg
rename to src/assets/images/kanvas/catalog-card-images/pre-provision.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/retries.svg b/src/assets/images/kanvas/catalog-card-images/retries.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/retries.svg
rename to src/assets/images/kanvas/catalog-card-images/retries.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/retry-deadline.svg b/src/assets/images/kanvas/catalog-card-images/retry-deadline.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/retry-deadline.svg
rename to src/assets/images/kanvas/catalog-card-images/retry-deadline.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/single-tenant.svg b/src/assets/images/kanvas/catalog-card-images/single-tenant.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/single-tenant.svg
rename to src/assets/images/kanvas/catalog-card-images/single-tenant.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/singleton.svg b/src/assets/images/kanvas/catalog-card-images/singleton.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/singleton.svg
rename to src/assets/images/kanvas/catalog-card-images/singleton.svg
diff --git a/src/assets/images/meshmap/catalog-card-images/traces.svg b/src/assets/images/kanvas/catalog-card-images/traces.svg
similarity index 100%
rename from src/assets/images/meshmap/catalog-card-images/traces.svg
rename to src/assets/images/kanvas/catalog-card-images/traces.svg
diff --git a/src/assets/images/meshmap/docker_white.svg b/src/assets/images/kanvas/docker_white.svg
similarity index 100%
rename from src/assets/images/meshmap/docker_white.svg
rename to src/assets/images/kanvas/docker_white.svg
diff --git a/src/assets/images/meshmap/ebpf-dark.webp b/src/assets/images/kanvas/ebpf-dark.webp
similarity index 100%
rename from src/assets/images/meshmap/ebpf-dark.webp
rename to src/assets/images/kanvas/ebpf-dark.webp
diff --git a/src/assets/images/meshmap/ebpf.svg b/src/assets/images/kanvas/ebpf.svg
similarity index 100%
rename from src/assets/images/meshmap/ebpf.svg
rename to src/assets/images/kanvas/ebpf.svg
diff --git a/src/assets/images/meshmap/icon-only/meshmap-icon-white.svg b/src/assets/images/kanvas/icon-only/kanvas-icon-white.svg
similarity index 100%
rename from src/assets/images/meshmap/icon-only/meshmap-icon-white.svg
rename to src/assets/images/kanvas/icon-only/kanvas-icon-white.svg
diff --git a/src/assets/images/meshmap/icon-only/meshmap-icon-white.webp b/src/assets/images/kanvas/icon-only/kanvas-icon-white.webp
similarity index 100%
rename from src/assets/images/meshmap/icon-only/meshmap-icon-white.webp
rename to src/assets/images/kanvas/icon-only/kanvas-icon-white.webp
diff --git a/src/assets/images/meshmap/icon-only/meshmap-icon.svg b/src/assets/images/kanvas/icon-only/kanvas-icon.svg
similarity index 100%
rename from src/assets/images/meshmap/icon-only/meshmap-icon.svg
rename to src/assets/images/kanvas/icon-only/kanvas-icon.svg
diff --git a/src/assets/images/meshmap/icon-only/meshmap-icon.webp b/src/assets/images/kanvas/icon-only/kanvas-icon.webp
similarity index 100%
rename from src/assets/images/meshmap/icon-only/meshmap-icon.webp
rename to src/assets/images/kanvas/icon-only/kanvas-icon.webp
diff --git a/src/assets/images/meshmap/meshmap-collaborate.webp b/src/assets/images/kanvas/kanvas-collaborate.webp
similarity index 100%
rename from src/assets/images/meshmap/meshmap-collaborate.webp
rename to src/assets/images/kanvas/kanvas-collaborate.webp
diff --git a/src/assets/images/meshmap/meshmap-color-horizontal.svg b/src/assets/images/kanvas/kanvas-color-horizontal.svg
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-horizontal.svg
rename to src/assets/images/kanvas/kanvas-color-horizontal.svg
diff --git a/src/assets/images/meshmap/meshmap-color-icon.svg b/src/assets/images/kanvas/kanvas-color-icon.svg
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-icon.svg
rename to src/assets/images/kanvas/kanvas-color-icon.svg
diff --git a/src/assets/images/meshmap/meshmap-color-icon.webp b/src/assets/images/kanvas/kanvas-color-icon.webp
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-icon.webp
rename to src/assets/images/kanvas/kanvas-color-icon.webp
diff --git a/src/assets/images/meshmap/meshmap-color-stacked.svg b/src/assets/images/kanvas/kanvas-color-stacked.svg
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-stacked.svg
rename to src/assets/images/kanvas/kanvas-color-stacked.svg
diff --git a/src/assets/images/meshmap/meshmap-color-stacked.webp b/src/assets/images/kanvas/kanvas-color-stacked.webp
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-stacked.webp
rename to src/assets/images/kanvas/kanvas-color-stacked.webp
diff --git a/src/assets/images/meshmap/meshmap-color-text.svg b/src/assets/images/kanvas/kanvas-color-text.svg
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-text.svg
rename to src/assets/images/kanvas/kanvas-color-text.svg
diff --git a/src/assets/images/meshmap/meshmap-color-text.webp b/src/assets/images/kanvas/kanvas-color-text.webp
similarity index 100%
rename from src/assets/images/meshmap/meshmap-color-text.webp
rename to src/assets/images/kanvas/kanvas-color-text.webp
diff --git a/src/assets/images/meshmap/meshmap-light-stacked.svg b/src/assets/images/kanvas/kanvas-light-stacked.svg
similarity index 100%
rename from src/assets/images/meshmap/meshmap-light-stacked.svg
rename to src/assets/images/kanvas/kanvas-light-stacked.svg
diff --git a/src/assets/images/meshmap/kubernetes_white.svg b/src/assets/images/kanvas/kubernetes_white.svg
similarity index 100%
rename from src/assets/images/meshmap/kubernetes_white.svg
rename to src/assets/images/kanvas/kubernetes_white.svg
diff --git a/src/assets/images/meshmap/opa.svg b/src/assets/images/kanvas/opa.svg
similarity index 100%
rename from src/assets/images/meshmap/opa.svg
rename to src/assets/images/kanvas/opa.svg
diff --git a/src/collections/integrations/wordpress-operator/index.mdx b/src/collections/integrations/wordpress-operator/index.mdx
index 7a33bc2e7e7e..db6d8ca8e967 100644
--- a/src/collections/integrations/wordpress-operator/index.mdx
+++ b/src/collections/integrations/wordpress-operator/index.mdx
@@ -21,8 +21,8 @@ featureList: [
   "Ongoing synchronization of Kubernetes configuration and changes across any number of clusters."
 ]
 workingSlides: [
-  ../_images/meshmap-visualizer.png,
-  ../_images/meshmap-designer.png
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
 ]
 howItWorks: "Collaborative Infrastructure as Design"
 howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."
diff --git a/src/collections/members/_member-profile-template/index.mdx b/src/collections/members/_member-profile-template/index.mdx
index fb31854ec0d6..8bfbfa25a84e 100644
--- a/src/collections/members/_member-profile-template/index.mdx
+++ b/src/collections/members/_member-profile-template/index.mdx
@@ -24,7 +24,7 @@ badges: # List of badges that this member carries.
 #  - docker-extension
 #  - meshery-catalog
 #  - docs
-#  - meshmap
+#  - kanvas
 blurb: # (Currently not used) Member's tagline, if they have one (a short quip or phrase)
 status: # [Active | Inactive]
 maintainer: # [no | yes] Designates whether this member is a project maintainer or not.
diff --git a/src/collections/members/aabid-sofi/index.mdx b/src/collections/members/aabid-sofi/index.mdx
index 5f1f4b5ee056..dd09eb9a5273 100644
--- a/src/collections/members/aabid-sofi/index.mdx
+++ b/src/collections/members/aabid-sofi/index.mdx
@@ -9,7 +9,7 @@ location: Srinagar, Jammu & Kashmir, India
 bio: Hi, I'm Aabid Sofi, a software engineer and web developer.
      I specialize in creating custom software and web applications that are both functional and visually appealing, with a focus on design, security, and performance. Highly passionate about cloud native and open source .
 badges:
-   - meshmap
+   - kanvas
 status: Active
 published: true
 ---
diff --git a/src/collections/members/abhishek-kumar/index.mdx b/src/collections/members/abhishek-kumar/index.mdx
index 64ef6e13d085..5f64b6aa050f 100644
--- a/src/collections/members/abhishek-kumar/index.mdx
+++ b/src/collections/members/abhishek-kumar/index.mdx
@@ -9,7 +9,7 @@ layer5: efbdda42-67a0-4cb8-a968-4ef321eb6369
 badges:
  - meshery
  - nighthawk
- - meshmap
+ - kanvas
 location: New Delhi, India
 bio: I am an undergrad student from Delhi who loves to work on different open-source projects and their development. Thanks to all
      open source organisations that has groomed me with providing better knowledge and practical implementation of every problem. Have been part of open source orgs like Checkstyle Java, Codeforcause org and Layer5 Meshery that has taught me 90% I know.
diff --git a/src/collections/members/akshay-sharma/index.mdx b/src/collections/members/akshay-sharma/index.mdx
index b763a7e2dd4b..25dffe0e5a8a 100644
--- a/src/collections/members/akshay-sharma/index.mdx
+++ b/src/collections/members/akshay-sharma/index.mdx
@@ -9,7 +9,7 @@ layer5: 51f49d2c-0050-4bdb-9bce-fdddcb4742be
 location: West Bengal, India
 bio: "Hi,I like to code!"
 badges: 
-  - meshmap
+  - kanvas
 status: Inactive
 published: true
 ---
diff --git a/src/collections/members/gaurav-chadha/index.mdx b/src/collections/members/gaurav-chadha/index.mdx
index ec0abc8e92a3..c901dfdc18c2 100644
--- a/src/collections/members/gaurav-chadha/index.mdx
+++ b/src/collections/members/gaurav-chadha/index.mdx
@@ -10,7 +10,7 @@ badges:
  - landscape
  - meshery
  - community
- - meshmap
+ - kanvas
 location: Delhi, India 
 bio: "I am an undergraduate student at IP University majoring in Computer Science and Engineering. I am passionate about open-source, web development, software engineering, and UX/UI designing. My working principle is learning and sharing knowledge. Apart from coding, I love to cook Indian and Italian food as well. Yoga and workout are also in my daily routine." 
 status: Inactive
diff --git a/src/collections/members/harkirat/index.mdx b/src/collections/members/harkirat/index.mdx
index 3be1f0a6c818..3f80b16fe5b9 100644
--- a/src/collections/members/harkirat/index.mdx
+++ b/src/collections/members/harkirat/index.mdx
@@ -12,7 +12,7 @@ He is a FullStack Web Developer & is passionate about Open Source & DevOps.
 He is Open to collaborate on Projects and Believes in Learning By Doing."
 badges:
 - meshery
-- meshmap
+- kanvas
 status: Inactive
 published: true
 ---
diff --git a/src/collections/members/pranav-singh/index.mdx b/src/collections/members/pranav-singh/index.mdx
index f7fb54d5717a..4ef46836f517 100644
--- a/src/collections/members/pranav-singh/index.mdx
+++ b/src/collections/members/pranav-singh/index.mdx
@@ -15,7 +15,7 @@ badges:
   - meshery
   - meshery-operator
   - nighthawk
-  - meshmap
+  - kanvas
 status: Inactive
 published: true
 ---
diff --git a/src/collections/members/senali-dilumika/index.mdx b/src/collections/members/senali-dilumika/index.mdx
index 1aabf2fadfb9..327eaec4599b 100644
--- a/src/collections/members/senali-dilumika/index.mdx
+++ b/src/collections/members/senali-dilumika/index.mdx
@@ -10,7 +10,7 @@ location: Colombo, Sri Lanka
 bio: Hi, I possess a strong passion for software development. Contributing to Layer5 has been an amazing experience. Collaboration is an excellent way to learn and grow within the tech community. I'm constantly learning new things due to my curiosity and interest in exploring new things.
 badges: 
   - docs
-  - meshmap
+  - kanvas
   - meshery-catalog
 status: Inactive
 published: true
diff --git a/src/collections/members/shivam-sood/index.mdx b/src/collections/members/shivam-sood/index.mdx
index 64dd50054a4f..2108b993d5c8 100644
--- a/src/collections/members/shivam-sood/index.mdx
+++ b/src/collections/members/shivam-sood/index.mdx
@@ -11,6 +11,6 @@ bio: "Shivam is an aspiring software engineer, currently graduating from Nationa
 status: Inactive
 published: true
 badges: 
-  - meshmap
+  - kanvas
   - landscape
 ---
diff --git a/src/collections/members/usman-siddique/index.mdx b/src/collections/members/usman-siddique/index.mdx
index 4eea6a46eec2..0f9a9038788c 100644
--- a/src/collections/members/usman-siddique/index.mdx
+++ b/src/collections/members/usman-siddique/index.mdx
@@ -9,6 +9,6 @@ status: Inactive
 location: Lahore, Pakistan
 bio: Hello, I am a software developer who specializes in MERN stack development. I am passionate about technology and its impact on the world. My love of coding began during my student years, and I quickly became involved in the tech community, eager to learn and share my skills.Throughout my career, I have remained committed to working with the tech community, and I am particularly enthusiastic about open source software. As a result, I joined the Layer 5 community and continue to thrive here, collaborating with other developers and contributing to open source projects.
 badges:
-- meshmap
+- kanvas
 published: true
 ---
diff --git a/src/collections/members/uzair-shaikh/index.mdx b/src/collections/members/uzair-shaikh/index.mdx
index 6a1ba0515426..b7bf73eb939c 100644
--- a/src/collections/members/uzair-shaikh/index.mdx
+++ b/src/collections/members/uzair-shaikh/index.mdx
@@ -12,7 +12,7 @@ badges:
   - meshery
   - meshery-operator
   - nighthawk
-  - meshmap
+  - kanvas
 status: Active
 published: true
 ---
diff --git a/src/collections/members/yash-sharma/index.mdx b/src/collections/members/yash-sharma/index.mdx
index 5118581ac1ff..38a561aa0056 100644
--- a/src/collections/members/yash-sharma/index.mdx
+++ b/src/collections/members/yash-sharma/index.mdx
@@ -11,7 +11,7 @@ bio: "Hi there! I'm an enthusiastic technology lover who's always on the lookout
 badges: 
   - meshery
   - meshery-catalog
-  - meshmap
+  - kanvas
 status: Active
 meshmate: yes
 published: true
diff --git a/src/collections/resources/articles/kubernetes/getting-started-with-kubernetes/index.mdx b/src/collections/resources/articles/kubernetes/getting-started-with-kubernetes/index.mdx
index 6ebe3e011bdb..eeb58a72c450 100644
--- a/src/collections/resources/articles/kubernetes/getting-started-with-kubernetes/index.mdx
+++ b/src/collections/resources/articles/kubernetes/getting-started-with-kubernetes/index.mdx
@@ -15,8 +15,8 @@ resource: true
 import { ResourcesWrapper } from "../../../Resources.style.js";
 import picture1 from "./Picture1.webp";
 import ClusterImg from "./multi-cluster-kubernetes-management-with-meshery.webp";
-import MeshmapDesigner from "./MeshmapDesigner.webp"
-import MeshmapVisualizer from "./MeshmapVisualizer.webp"
+import KanvasDesigner from "./KanvasDesigner.webp"
+import KanvasVisualizer from "./KanvasVisualizer.webp"
 
 <ResourcesWrapper>
   
@@ -121,13 +121,13 @@ In this article, we'll talk about Kubernetes, its benefits, and the best ways fo
 <p> Kubernetes is an open-source system for automating the deployment, scaling, and management of containerized applications. Kubernetes was made by Google, and the Cloud Native Computing Foundation now takes care of it.
 </p>
 
-  <h3>Kubernetes Cluster Visualization and Designing using MeshMap</h3>
-<p> MeshMap has been developed for visualizing and managing kubernetes clusters. You can learn more about MeshMap <a href="https://layer5.io/cloud-native-management/meshmap">here</a>
+  <h3>Kubernetes Cluster Visualization and Designing using Kanvas</h3>
+<p> Kanvas has been developed for visualizing and managing kubernetes clusters. You can learn more about Kanvas <a href="https://layer5.io/cloud-native-management/kanvas">here</a>
 </p>
 <p>Users can drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Integrate advanced performance analysis into your pipeline.</p>
-  <img src = {MeshmapDesigner} class="image-center" alt="Kubernetes Architecture" />
+  <img src = {KanvasDesigner} class="image-center" alt="Kubernetes Architecture" />
 <p>Users can deploy their designs, apply patterns, manage and operate their deployments in real-time bringing all the Kubernetes clusters under a common point of management. Interactively connect to terminal sessions or initiate and search log streams from your containers.</p>
-  <img src = {MeshmapVisualizer} class="image-center" alt="Kubernetes Architecture" />
+  <img src = {KanvasVisualizer} class="image-center" alt="Kubernetes Architecture" />
   
   <h3> Set Resource Requests & Limits</h3>
   
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/globe.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/globe.svg
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/globe.svg
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/globe.svg
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/hpe.style.js b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/hpe.style.js
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/hpe.style.js
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/hpe.style.js
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/index.mdx b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/index.mdx
similarity index 97%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/index.mdx
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/index.mdx
index 60ab6241ec72..5e42bf329bc0 100644
--- a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/index.mdx
+++ b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/index.mdx
@@ -1,7 +1,7 @@
 ---
-title: HPE's Adoption of Layer5 Meshery and MeshMap
+title: HPE's Adoption of Layer5 Meshery and Kanvas
 subtitle: HPE uses Meshery to manage SPIRE instances
-permalink: case-study/hpes-adoption-of-meshery-and-meshmap
+permalink: case-study/hpes-adoption-of-meshery-and-kanvas
 date: 2023-06-17 08:00:00 -0530
 author: Layer5 Team
 thumbnail: ./meshery-and-hpe.svg
@@ -38,7 +38,7 @@ HPE's adoption of Meshery was driven by the need to simplify Kubernetes cluster
 
 <div style={{display: "flex", justifyContent: "center", padding: "2%"}}>
 
-   <Button secondary title="Download Case Study" alt="Download HPE's Adoption of Layer5 Meshery and MeshMap" url="/case-studies/hpe-adoption-of-layer5-meshery-and-meshmap.pdf" />
+   <Button secondary title="Download Case Study" alt="Download HPE's Adoption of Layer5 Meshery and Kanvas" url="/case-studies/hpe-adoption-of-layer5-meshery-and-kanvas.pdf" />
 
 </div>
 
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/layers.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/layers.svg
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/layers.svg
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/layers.svg
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-and-hpe.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-and-hpe.svg
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-and-hpe.svg
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-and-hpe.svg
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-integrations.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-integrations.svg
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-integrations.svg
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-integrations.svg
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/network.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/network.svg
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/network.svg
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/network.svg
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/users.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/users.svg
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/users.svg
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/users.svg
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/yogi.webp b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/yogi.webp
similarity index 100%
rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/yogi.webp
rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/yogi.webp
diff --git a/src/collections/use-cases/commenting/index.mdx b/src/collections/use-cases/commenting/index.mdx
index 3b4a1b6388d5..3e747fec8f64 100644
--- a/src/collections/use-cases/commenting/index.mdx
+++ b/src/collections/use-cases/commenting/index.mdx
@@ -1,8 +1,8 @@
 ---
 title: Brainstorm with commenting
-abstract: "MeshMap's Designer Mode offers a powerful collaboration feature through comments."
+abstract: "Kanvas's Designer Mode offers a powerful collaboration feature through comments."
 thumbnail: ../../../assets/images/comments/comment.svg
-eurl: https://layer5.io/cloud-native-management/meshmap/collaborate/peer-reviews
+eurl: https://layer5.io/cloud-native-management/kanvas/collaborate/peer-reviews
 category: usecase
 status: delivered
 ---
\ No newline at end of file
diff --git a/src/collections/use-cases/whiteboarding/index.mdx b/src/collections/use-cases/whiteboarding/index.mdx
index 5fc7527fca5b..368da1b3347e 100644
--- a/src/collections/use-cases/whiteboarding/index.mdx
+++ b/src/collections/use-cases/whiteboarding/index.mdx
@@ -1,6 +1,6 @@
 ---
 title: Whiteboarding
-abstract: "The Whiteboardingg and Freestyle Drawing feature introduces versatile drawing capabilities within MeshMap"
+abstract: "The Whiteboardingg and Freestyle Drawing feature introduces versatile drawing capabilities within Kanvas"
 thumbnail: ../../../assets/images/whiteboard/whiteboard.svg
 eurl: https://layer5.io/architecture-diagram/design-architecture-diagramm
 category: usecase
diff --git a/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js b/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js
index b2c4f31b7f10..a0edff246470 100644
--- a/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js
+++ b/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js
@@ -1,5 +1,5 @@
 import img_source from "../../../assets/images/callout/callout.webp";
-import meshmap_icon from "../../../assets/images/meshmap/meshmap-collaborate.webp";
+import kanvas_icon from "../../../assets/images/kanvas/kanvas-collaborate.webp";
 import docker from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
 
 export const Categories = {
@@ -12,13 +12,13 @@ export const Categories = {
     "Link": "https://slack.layer5.io",
     "Link_external": true
   },
-  "MeshMap": {
-    "Image": meshmap_icon,
-    "Image_Alt": "MeshMap",
-    "Heading": "Get started with MeshMap!",
+  "Kanvas": {
+    "Image": kanvas_icon,
+    "Image_Alt": "Kanvas",
+    "Heading": "Get started with Kanvas!",
     "Content": "Explore and understand your infrastructure at a glance with our powerful visualizer tool. Gain insights, track dependencies, and optimize performance effortlessly.",
-    "Button_Text": "Try MeshMap now!",
-    "Link": "/cloud-native-management/meshmap",
+    "Button_Text": "Try Kanvas now!",
+    "Link": "/cloud-native-management/kanvas",
     "Link_external": false
   },
   "Docker": {
diff --git a/src/components/Case-study-banner/index.js b/src/components/Case-study-banner/index.js
index 16645981289f..4d7f6dea6e89 100644
--- a/src/components/Case-study-banner/index.js
+++ b/src/components/Case-study-banner/index.js
@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import styled from "styled-components";
 import MesheryLogo from "../../assets/images/meshery/icon-only/meshery-logo-light.svg";
 import SpireLogo from "../../collections/integrations/spire/icons/color/spire-color.svg";
-import MesheryAndSpire from "../../collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-and-hpe.svg";
+import MesheryAndSpire from "../../collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-and-hpe.svg";
 
 
 const BannerWrapper = styled.div`
@@ -208,7 +208,7 @@ const CaseStudyBanner = () => {
 
   return (
     <>
-      <a href="/resources/case-study/hpes-adoption-of-meshery-and-meshmap">
+      <a href="/resources/case-study/hpes-adoption-of-meshery-and-kanvas">
         <BannerWrapper>
           <div className="small-screen">
             <div className="small-screen-desc">
diff --git a/src/pages/cloud-native-management/generate-aws-architecture-diagram.js b/src/pages/cloud-native-management/generate-aws-architecture-diagram.js
index c7adb9fbdccb..acc5d8bcde0c 100644
--- a/src/pages/cloud-native-management/generate-aws-architecture-diagram.js
+++ b/src/pages/cloud-native-management/generate-aws-architecture-diagram.js
@@ -13,6 +13,6 @@ const Aws = () => {
 export default Aws;
 export const Head = () => {
   return <SEO title="AWS Architecture Diagram"
-    description="Create your own AWS architecture diagrams with Meshmap."
+    description="Create your own AWS architecture diagrams with Kanvas."
     image="/images/meshery-logo-dark-text.webp" />;
 };
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js b/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js
index 43707e7ab0b9..67b1dfbc656b 100644
--- a/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js
+++ b/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js
@@ -13,6 +13,6 @@ const Gcp = () => {
 export default Gcp;
 export const Head = () => {
   return <SEO title="GCP Architecture Diagram"
-    description="Create your own Google Cloud Platform diagrams with Meshmap."
+    description="Create your own Google Cloud Platform diagrams with Kanvas."
     image="/images/meshery-logo-dark-text.webp" />;
 };
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js b/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js
index 83f3fe5fc258..7826bdf3c692 100644
--- a/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js
+++ b/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js
@@ -13,6 +13,6 @@ const Kubernetes = () => {
 export default Kubernetes;
 export const Head = () => {
   return <SEO title="Kubernetes Architecture Diagram"
-    description="Create your own Kubernetes diagrams with Meshmap."
+    description="Create your own Kubernetes diagrams with Kanvas."
     image="/images/meshery-logo-dark-text.webp" />;
 };
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/meshmap/collaborate/index.js b/src/pages/cloud-native-management/kanvas/collaborate/index.js
similarity index 63%
rename from src/pages/cloud-native-management/meshmap/collaborate/index.js
rename to src/pages/cloud-native-management/kanvas/collaborate/index.js
index 9b9956e02b29..3fbccacd9910 100644
--- a/src/pages/cloud-native-management/meshmap/collaborate/index.js
+++ b/src/pages/cloud-native-management/kanvas/collaborate/index.js
@@ -2,16 +2,16 @@ import React from "react";
 
 import SEO from "../../../../components/seo";
 
-import MeshmapCollaborate from "../../../../sections/Meshmap/Meshmap-collaborate";
-const MeshmapCollaboratePage = () => {
+import KanvasCollaborate from "../../../../sections/Kanvas/Kanvas-collaborate";
+const KanvasCollaboratePage = () => {
   return (
     <>
-      <MeshmapCollaborate  />
+      <KanvasCollaborate  />
 
     </>
   );
 };
-export default MeshmapCollaboratePage;
+export default KanvasCollaboratePage;
 export const Head = () => {
   return <SEO title="Collaborative GitOps" description="Build an iterative design flow with live collaboration that keeps you in the loop whether you are working in the office or remotely." />;
 };
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/meshmap/collaborate/peer-reviews/index.js b/src/pages/cloud-native-management/kanvas/collaborate/peer-reviews/index.js
similarity index 100%
rename from src/pages/cloud-native-management/meshmap/collaborate/peer-reviews/index.js
rename to src/pages/cloud-native-management/kanvas/collaborate/peer-reviews/index.js
diff --git a/src/pages/cloud-native-management/kanvas/design.js b/src/pages/cloud-native-management/kanvas/design.js
new file mode 100644
index 000000000000..1666b3da2d86
--- /dev/null
+++ b/src/pages/cloud-native-management/kanvas/design.js
@@ -0,0 +1,17 @@
+import React from "react";
+
+import SEO from "../../../components/seo";
+
+import KanvasDesign from "../../../sections/Kanvas/Kanvas-design/index";
+const KanvasDesignPage = () => {
+  return (
+    <>
+      <KanvasDesign  />
+
+    </>
+  );
+};
+export default KanvasDesignPage;
+export const Head = () => {
+  return <SEO title="Kanvas Designer" description="Design your infrastructure using a palette of thousands of versioned Kubernetes components. Say goodbye to YAML." />;
+};
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/kanvas/index.js b/src/pages/cloud-native-management/kanvas/index.js
new file mode 100644
index 000000000000..a5f1a9619458
--- /dev/null
+++ b/src/pages/cloud-native-management/kanvas/index.js
@@ -0,0 +1,18 @@
+import React from "react";
+
+import SEO from "../../../components/seo";
+
+import Kanvas from "../../../sections/Kanvas/index";
+const KanvasPage = ({ location }) => {
+  const params = new URLSearchParams(location.search);
+  const parameter1 = params.get("teaser");
+  return (
+    <>
+      <Kanvas teaser={parameter1 === "play"} />
+    </>
+  );
+};
+export default KanvasPage;
+export const Head = () => {
+  return <SEO title="Kanvas" description="Collaboratively design and manage your Kubernetes clusters, infrastructure components, and cloud native apps. Confidently configure your systems with Kanvas's visual topology and built-in design patterns." />;
+};
diff --git a/src/pages/cloud-native-management/kanvas/visualize.js b/src/pages/cloud-native-management/kanvas/visualize.js
new file mode 100644
index 000000000000..264d1d4e4057
--- /dev/null
+++ b/src/pages/cloud-native-management/kanvas/visualize.js
@@ -0,0 +1,21 @@
+import React from "react";
+
+import SEO from "../../../components/seo";
+
+import KanvasVisualize from "../../../sections/Kanvas/Kanvas-visualize/index";
+
+const KanvasVisualizePage = () => {
+
+  return (
+    <>
+      <KanvasVisualize />
+
+    </>
+  );
+};
+export default KanvasVisualizePage;
+
+
+export const Head = () => {
+  return <SEO title="Kanvas Visualizer" description="Import your existing Kubernetes, Helm, or Docker Compose applications, monitor various performance metrics and see your clusters in-action." />;
+};
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js b/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js
index f9e7ac706e8f..03bd606670f1 100644
--- a/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js
+++ b/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js
@@ -58,12 +58,12 @@ const OperatingServiceMeshes = () => {
             ),
           },
           {
-            title: "MeshMap",
+            title: "Kanvas",
             icon: VisualTopology,
             description: (
               <div>
                 <p>
-                  MeshMap enables all cloud native management operations from
+                  Kanvas enables all cloud native management operations from
                   `mesheryctl` to Meshery's web-based user interface in visually
                   interactive topology.
                 </p>
@@ -73,8 +73,8 @@ const OperatingServiceMeshes = () => {
                 </p>
                 <p>
                   Learn more about{" "}
-                  <a href="https://layer5.io/cloud-native-management/meshmap">
-                    MeshMap
+                  <a href="https://layer5.io/cloud-native-management/kanvas">
+                    Kanvas
                   </a>
                 </p>
               </div>
diff --git a/src/pages/cloud-native-management/meshmap/design.js b/src/pages/cloud-native-management/meshmap/design.js
deleted file mode 100644
index f7293b861dbb..000000000000
--- a/src/pages/cloud-native-management/meshmap/design.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-
-import SEO from "../../../components/seo";
-
-import MeshmapDesign from "../../../sections/Meshmap/Meshmap-design/index";
-const MeshmapDesignPage = () => {
-  return (
-    <>
-      <MeshmapDesign  />
-
-    </>
-  );
-};
-export default MeshmapDesignPage;
-export const Head = () => {
-  return <SEO title="MeshMap Designer" description="Design your infrastructure using a palette of thousands of versioned Kubernetes components. Say goodbye to YAML." />;
-};
\ No newline at end of file
diff --git a/src/pages/cloud-native-management/meshmap/index.js b/src/pages/cloud-native-management/meshmap/index.js
deleted file mode 100644
index ada0be4137ac..000000000000
--- a/src/pages/cloud-native-management/meshmap/index.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-
-import SEO from "../../../components/seo";
-
-import Meshmap from "../../../sections/Meshmap/index";
-const MeshmapPage = ({ location }) => {
-  const params = new URLSearchParams(location.search);
-  const parameter1 = params.get("teaser");
-  return (
-    <>
-      <Meshmap teaser={parameter1 === "play"} />
-    </>
-  );
-};
-export default MeshmapPage;
-export const Head = () => {
-  return <SEO title="MeshMap" description="Collaboratively design and manage your Kubernetes clusters, infrastructure components, and cloud native apps. Confidently configure your systems with MeshMap's visual topology and built-in design patterns." />;
-};
diff --git a/src/pages/cloud-native-management/meshmap/visualize.js b/src/pages/cloud-native-management/meshmap/visualize.js
deleted file mode 100644
index d09a87a71989..000000000000
--- a/src/pages/cloud-native-management/meshmap/visualize.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-
-import SEO from "../../../components/seo";
-
-import MeshmapVisualize from "../../../sections/Meshmap/Meshmap-visualize/index";
-
-const MeshmapVisualizePage = () => {
-
-  return (
-    <>
-      <MeshmapVisualize />
-
-    </>
-  );
-};
-export default MeshmapVisualizePage;
-
-
-export const Head = () => {
-  return <SEO title="MeshMap Visualizer" description="Import your existing Kubernetes, Helm, or Docker Compose applications, monitor various performance metrics and see your clusters in-action." />;
-};
\ No newline at end of file
diff --git a/src/pages/community/members.js b/src/pages/community/members.js
index cec11c4c8d38..ac9b8d0882bb 100644
--- a/src/pages/community/members.js
+++ b/src/pages/community/members.js
@@ -26,7 +26,7 @@ import uiuxrIcon from "../../assets/images/uiuxr/uiuxr.svg";
 import docsIcon from "../../assets/images/docs/docs.svg";
 import dockerExtensionIcon from "../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
 import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg";
-import meshMapIcon from "../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import meshMapIcon from "../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 /**
  * Array containing a list of categories to be shown in the dropdown.
  * The map function in the end wraps the label property with a component.
@@ -113,8 +113,8 @@ const options = [
     className: "allOptions",
   },
   {
-    label: "MeshMap",
-    value: "meshmap",
+    label: "Kanvas",
+    value: "kanvas",
     color: lighttheme.linkColor,
     isFixed: true,
     icon: meshMapIcon,
diff --git a/src/pages/solutions/gitops/snapshot.js b/src/pages/solutions/gitops/snapshot.js
index ad544b98b6df..37da8d92d5f5 100644
--- a/src/pages/solutions/gitops/snapshot.js
+++ b/src/pages/solutions/gitops/snapshot.js
@@ -7,6 +7,6 @@ export default SnapshotPage;
 
 export const Head = () => {
   return  <SEO title="Visual insights for any Kubernetes environment in every pull request"
-    description="Layer5 creates a visual map of your infrastructure that stays up to date with every PR. Visualize your whole environment, see generated insights, and share a single, accurate source of truth to help quickly onboard new contributors. Layer5 MeshMap uses GitHub to generate dependencies between files and update your map to reflect changes in your codebase. We do not store your code, your code is only stored by GitHub. We analyze your code while it's on GitHub's servers using a GitHub Action."
+    description="Layer5 creates a visual map of your infrastructure that stays up to date with every PR. Visualize your whole environment, see generated insights, and share a single, accurate source of truth to help quickly onboard new contributors. Layer5 Kanvas uses GitHub to generate dependencies between files and update your map to reflect changes in your codebase. We do not store your code, your code is only stored by GitHub. We analyze your code while it's on GitHub's servers using a GitHub Action."
     image="/images/meshery-logo-dark-text.png" />;
 };
\ No newline at end of file
diff --git a/src/sections/AWS-Diagram/diagram.js b/src/sections/AWS-Diagram/diagram.js
index edd2462bafba..816bf9264dbc 100644
--- a/src/sections/AWS-Diagram/diagram.js
+++ b/src/sections/AWS-Diagram/diagram.js
@@ -160,7 +160,7 @@ const Aws = () => {
           <Col md={4} className="diagram-detail">
             <h2 className="heading">Deploy  with No Code AWS</h2>
             <p className="caption">
-              Our visual AWS interface enables anyone to deploy production-grade software with no code. Whether you're new to AWS and are looking for the best way to learn or a seasoned pro, MeshMap has all the features you need to be successful in deploying and configuring your software, all with no code.
+              Our visual AWS interface enables anyone to deploy production-grade software with no code. Whether you're new to AWS and are looking for the best way to learn or a seasoned pro, Kanvas has all the features you need to be successful in deploying and configuring your software, all with no code.
             </p>
           </Col>
           <Col md={8} className="diagram-image">
@@ -178,9 +178,9 @@ const Aws = () => {
           <Col md={4} className="diagram-detail">
             <h2 className="heading">Visual drag & drop</h2>
             <p className="caption">
-              MeshMap allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
+              Kanvas allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
             </p>
-            <Link className="link" href="/cloud-native-management/meshmap/design">Learn more &rarr;</Link>
+            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">
@@ -199,7 +199,7 @@ const Aws = () => {
         <Row className="catalog">
           <Col md={8} className="diagram-image">
             <div className="image-wrapper">
-              <img src={isDark ? TemplateDark : TemplateDark} alt="Designing AWS Diagrams with MeshMap" className="AWS-image" />
+              <img src={isDark ? TemplateDark : TemplateDark} alt="Designing AWS Diagrams with Kanvas" className="AWS-image" />
             </div>
           </Col>
           <Col md={4} className="diagram-detail">
diff --git a/src/sections/AWS-Diagram/header.js b/src/sections/AWS-Diagram/header.js
index e0a7bdf8f9db..386da8e6f387 100644
--- a/src/sections/AWS-Diagram/header.js
+++ b/src/sections/AWS-Diagram/header.js
@@ -123,9 +123,9 @@ const Header = () => {
               <div className="header__button_section">
                 <Button
                   primary
-                  title="Try MeshMap Now!"
+                  title="Try Kanvas Now!"
                   external={true}
-                  url="/meshmap"
+                  url="/kanvas"
                 />
               </div>
             </Col>
diff --git a/src/sections/Blog/Blog-single/author.js b/src/sections/Blog/Blog-single/author.js
index e76bad04cfda..5450b2e6537f 100644
--- a/src/sections/Blog/Blog-single/author.js
+++ b/src/sections/Blog/Blog-single/author.js
@@ -30,7 +30,7 @@ const AboutTheAuthor = (props) => {
             <div className="authors-info-meshery">
               <h4>Meshery</h4>
               <p>Meshery is the world's only collaborative cloud manager.</p>
-              <Button secondary url="/meshmap" title="Get Started" className="cta-btn" />
+              <Button secondary url="/kanvas" title="Get Started" className="cta-btn" />
             </div>
             <div className="share-section">
               <h3>Share</h3>
diff --git a/src/sections/Blog/Blog-single/index.js b/src/sections/Blog/Blog-single/index.js
index 387f75422f67..cfb3cd98741c 100644
--- a/src/sections/Blog/Blog-single/index.js
+++ b/src/sections/Blog/Blog-single/index.js
@@ -159,7 +159,7 @@ const BlogSingle = ({ data }) => {
                   </div>
                 </div>
                 <CTA_Bottom
-                  category={"MeshMap"}
+                  category={"Kanvas"}
                 />
               </div>
             </div>
diff --git a/src/sections/Cloud-Native-Catalog/catalog.js b/src/sections/Cloud-Native-Catalog/catalog.js
index d0a37bf0bef6..bfe03d02f5b0 100644
--- a/src/sections/Cloud-Native-Catalog/catalog.js
+++ b/src/sections/Cloud-Native-Catalog/catalog.js
@@ -2,9 +2,9 @@ import React from "react";
 import styled from "styled-components";
 import Wasm from "../../assets/images/webassembly/webssembly_icon.svg";
 import Patterns from "../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
-// import Ebpf from "../../assets/images/meshmap/ebpf.svg";
-// import EbpfDark from "../../assets/images/meshmap/ebpf-dark.webp";
-import Opa from "../../assets/images/meshmap/opa.svg";
+// import Ebpf from "../../assets/images/kanvas/ebpf.svg";
+// import EbpfDark from "../../assets/images/kanvas/ebpf-dark.webp";
+import Opa from "../../assets/images/kanvas/opa.svg";
 import CatalogsLight from "../../assets/images/catalog/catalog-light.svg";
 import CatalogsDark from "../../assets/images/catalog/catalog-dark.svg";
 import { Container, Row, Col } from "../../reusecore/Layout";
diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js
index 8046dc48ef9f..fb7562f4896d 100644
--- a/src/sections/Cloud-Native-Catalog/patterns.js
+++ b/src/sections/Cloud-Native-Catalog/patterns.js
@@ -1,20 +1,20 @@
 import React from "react";
 import styled from "styled-components";
-import Mutual_tls from "../../assets/images/meshmap/catalog-card-images/mutual-tls.svg";
-import Retries from "../../assets/images/meshmap/catalog-card-images/retries.svg";
-import Traces from "../../assets/images/meshmap/catalog-card-images/traces.svg";
-import Denial from "../../assets/images/meshmap/catalog-card-images/denial.svg";
-import Correlate_event from "../../assets/images/meshmap/catalog-card-images/correlate-event.svg";
-import Only_wagent from "../../assets/images/meshmap/catalog-card-images/only-wagent.svg";
-import Node_agent from "../../assets/images/meshmap/catalog-card-images/node-agent.svg";
-import Single_tenant from "../../assets/images/meshmap/catalog-card-images/single-tenant.svg";
-import Pre_provison from "../../assets/images/meshmap/catalog-card-images/pre-provision.svg";
-import Circuit_breaker from "../../assets/images/meshmap/catalog-card-images/circuit-breaker.svg";
-import Retry_deadline from "../../assets/images/meshmap/catalog-card-images/retry-deadline.svg";
-import Singleton from "../../assets/images/meshmap/catalog-card-images/singleton.svg";
-import Jwt_transformer from "../../assets/images/meshmap/catalog-card-images/jwt.svg";
-import Multicluster from "../../assets/images/meshmap/catalog-card-images/multicluster.svg";
-import Http_metrics from "../../assets/images/meshmap/catalog-card-images/http.svg";
+import Mutual_tls from "../../assets/images/kanvas/catalog-card-images/mutual-tls.svg";
+import Retries from "../../assets/images/kanvas/catalog-card-images/retries.svg";
+import Traces from "../../assets/images/kanvas/catalog-card-images/traces.svg";
+import Denial from "../../assets/images/kanvas/catalog-card-images/denial.svg";
+import Correlate_event from "../../assets/images/kanvas/catalog-card-images/correlate-event.svg";
+import Only_wagent from "../../assets/images/kanvas/catalog-card-images/only-wagent.svg";
+import Node_agent from "../../assets/images/kanvas/catalog-card-images/node-agent.svg";
+import Single_tenant from "../../assets/images/kanvas/catalog-card-images/single-tenant.svg";
+import Pre_provison from "../../assets/images/kanvas/catalog-card-images/pre-provision.svg";
+import Circuit_breaker from "../../assets/images/kanvas/catalog-card-images/circuit-breaker.svg";
+import Retry_deadline from "../../assets/images/kanvas/catalog-card-images/retry-deadline.svg";
+import Singleton from "../../assets/images/kanvas/catalog-card-images/singleton.svg";
+import Jwt_transformer from "../../assets/images/kanvas/catalog-card-images/jwt.svg";
+import Multicluster from "../../assets/images/kanvas/catalog-card-images/multicluster.svg";
+import Http_metrics from "../../assets/images/kanvas/catalog-card-images/http.svg";
 import { Container } from "../../reusecore/Layout";
 
 const CatalogWrapper = styled.div`
diff --git a/src/sections/CloudNativeDeployments/features.js b/src/sections/CloudNativeDeployments/features.js
index 9d3077e358ab..3535fd473797 100644
--- a/src/sections/CloudNativeDeployments/features.js
+++ b/src/sections/CloudNativeDeployments/features.js
@@ -157,22 +157,22 @@ const Feature = () => {
             </div>
           </Col>
           <Col md={6} className="catalog-detail">
-            <h2 className="heading">MeshMap Designer</h2>
+            <h2 className="heading">Kanvas Designer</h2>
             <p className="caption">
             Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components.
             </p>
-            <Link className="link" href="/cloud-native-management/meshmap/design">Learn more &rarr;</Link>
+            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">
           <Col md={6} className="catalog-detail">
             <h2 className="heading">
-            MeshMap Visualizer
+            Kanvas Visualizer
             </h2>
             <p className="caption">
             Deploy designs, apply patterns, manage and operate your deployments in real-time. Bring all your Kubernetes clusters under a common point of management.
             </p>
-            <Link className="link" href="/cloud-native-management/meshmap/visualize">Learn more &rarr;</Link>
+            <Link className="link" href="/cloud-native-management/kanvas/visualize">Learn more &rarr;</Link>
           </Col>
           <Col md={6} className="diagram-image">
             <div className="image-wrapper">
diff --git a/src/sections/Comments/index.js b/src/sections/Comments/index.js
index ebba44dd78fe..457207184e77 100644
--- a/src/sections/Comments/index.js
+++ b/src/sections/Comments/index.js
@@ -19,7 +19,7 @@ let data = {
 let card_data = [
   {
     heading: "Dynamic collaboration",
-    subtitle: "Bring your ideas to life by adding visual annotations and comments directly onto your MeshMap canvas.",
+    subtitle: "Bring your ideas to life by adding visual annotations and comments directly onto your Kanvas canvas.",
     image: use_case_1
   },
   {
diff --git a/src/sections/Community/Calendar/meetLinksData.js b/src/sections/Community/Calendar/meetLinksData.js
index 4f141d7c7bad..097481bb4f49 100644
--- a/src/sections/Community/Calendar/meetLinksData.js
+++ b/src/sections/Community/Calendar/meetLinksData.js
@@ -19,7 +19,7 @@ export const meet_links_data = [
   },
   {
     day: "Tuesdays",
-    meeting: "Meshery MeshSync/MeshMap Meeting",
+    meeting: "Meshery MeshSync/Kanvas Meeting",
     slack_channel: "#meshery-ci",
     slack_link: "https://layer5io.slack.com/archives/C010LFFGFFA",
     meeting_minutes: "https://bit.ly/3aXOaAs",
diff --git a/src/sections/Community/Event-single/index.js b/src/sections/Community/Event-single/index.js
index 9c0e61591268..b7e0eb496fb0 100644
--- a/src/sections/Community/Event-single/index.js
+++ b/src/sections/Community/Event-single/index.js
@@ -95,7 +95,7 @@ const EventSingle = ({ data }) => {
               </div>
             </div>
             <CTA_Bottom
-              category={"MeshMap"}
+              category={"Kanvas"}
             />
             {/* <RelatedPosts
             category={frontmatter.category}
diff --git a/src/sections/Community/Handbook/recognition.js b/src/sections/Community/Handbook/recognition.js
index 83c5602f2f28..0765b51329dd 100644
--- a/src/sections/Community/Handbook/recognition.js
+++ b/src/sections/Community/Handbook/recognition.js
@@ -16,7 +16,7 @@ import TocPagination from "../../../components/handbook-navigation/TocPagination
 import IntraPage from "../../../components/handbook-navigation/intra-page";
 import uiuxrLogo from "../../../assets/images/uiuxr/uiuxr.svg";
 import writersLogo from "../../../assets/images/writer-program/writer-program-badge.svg";
-import meshmapLogo from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 import MesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
 import DocsLogo from "../../../assets/images/docs/docs.svg";
 import ApplicationPioneerLogo from "../../../assets/images/application-pioneer/application-pioneer.svg";
@@ -32,7 +32,7 @@ import CodeCleanupCrewLogo from "../../../assets/images/code-cleanup-crew/code-c
 import SecuritySentinelLogo from "../../../assets/images/security-sentinel/security-sentinel.png";
 import LogevityLegendLogo from "../../../assets/images/longevity-legend/longevity-legend.svg";
 import ReviewRockstarLogo from "../../../assets/images/review-rockstar/review-rockstar.svg";
-import MeshmapSnapshotLogo from "../../../assets/images/meshmap-snapshot/meshmap-snapshot.svg";
+import KanvasSnapshotLogo from "../../../assets/images/kanvas-snapshot/kanvas-snapshot.svg";
 import ContinuousContributorLogo from "../../../assets/images/continuous-contributor/continuous-contributor.svg";
 
 const contents = [
@@ -162,8 +162,8 @@ const RecognitionPage = () => {
                 <b>Review Rockstar</b> - awarded to individuals who provide thorough and valuable code reviews.
               </li>
               <li>
-                <img src={MeshmapSnapshotLogo} style={badgeStyle} />
-                <b>MeshMap Snapshot</b> - awarded to users upon creation of their first infrastructure screenshot directly in their pull request.
+                <img src={KanvasSnapshotLogo} style={badgeStyle} />
+                <b>Kanvas Snapshot</b> - awarded to users upon creation of their first infrastructure screenshot directly in their pull request.
               </li>
               <li>
                 <img src={ContinuousContributorLogo} style={badgeStyle} />
@@ -175,8 +175,8 @@ const RecognitionPage = () => {
                 <b>Image Hub</b> - awarded to the community members who make consistent and impactful contributions to the Image Hub project in recognition and appreciation of their efforts.
               </li>
               <li>
-                <img src={meshmapLogo} style={badgeStyle} />
-                <b>MeshMap</b> - awarded to the community members who make consistent and impactful contributions to the <Link to="/cloud-native-management/meshmap">MeshMap</Link> project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
+                <img src={kanvasLogo} style={badgeStyle} />
+                <b>Kanvas</b> - awarded to the community members who make consistent and impactful contributions to the <Link to="/cloud-native-management/kanvas">Kanvas</Link> project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
               </li>
               <li>
                 <img src={ServiceMeshPerformance} style={badgeStyle} />
diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js
index 65dd16a62234..76606f3403c6 100644
--- a/src/sections/Community/Handbook/repo-data.js
+++ b/src/sections/Community/Handbook/repo-data.js
@@ -83,9 +83,9 @@ export const repo_data = [
         repository: "https://github.com/layer5io/getnighthawk",
       },
       {
-        project: "MeshMap",
+        project: "Kanvas",
         image: meshery,
-        site: "/cloud-native-management/meshmap",
+        site: "/cloud-native-management/kanvas",
         language: "React.js, Cytoscape.js",
         maintainers_name: ["Aabid Sofi"],
         link: ["https://layer5.io/community/members/aabid-sofi"],
diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js
index 88be857bbb42..460117f1d0b5 100644
--- a/src/sections/Community/Handbook/repository.js
+++ b/src/sections/Community/Handbook/repository.js
@@ -12,7 +12,7 @@ import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light
 import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
 import TocPagination from "../../../components/handbook-navigation/TocPagination";
 import IntraPage from "../../../components/handbook-navigation/intra-page";
-import MeshMap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 
 import { Link } from "gatsby";
 
@@ -116,10 +116,10 @@ const Repository = () => {
                 </a>
                   - emerging projects and Meshery extensions, like
                 <img
-                  src={MeshMap}
-                  alt="MeshMap logo"
+                  src={Kanvas}
+                  alt="Kanvas logo"
                   style={{ height: "1.5rem" }}
-                /> MeshMap.
+                /> Kanvas.
               </li>
             </ul>
 
diff --git a/src/sections/Community/Handbook/security-vulnerabilities.js b/src/sections/Community/Handbook/security-vulnerabilities.js
index 012dcda3f24a..451d507b0dc2 100644
--- a/src/sections/Community/Handbook/security-vulnerabilities.js
+++ b/src/sections/Community/Handbook/security-vulnerabilities.js
@@ -10,7 +10,7 @@ import MeshSync from "../../../assets/images/meshsync/meshsync.svg";
 import servicemeshperformance from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg";
 import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
 import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
-import MeshMap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 
 const SecurityVulnerabilitiesPage = () => {
   return (
@@ -88,10 +88,10 @@ const SecurityVulnerabilitiesPage = () => {
                   &nbsp; Layer5 Labs
                 </a>
                   - emerging projects and Meshery extensions, like                 <img
-                  src={MeshMap}
-                  alt="MeshMap logo"
+                  src={Kanvas}
+                  alt="Kanvas logo"
                   style={{ marginLeft: ".3rem" }}
-                />MeshMap.
+                />Kanvas.
               </li>
             </ul>
             <p>You can find the list of all the Layer5 project repositories <a href="https://layer5.io/community/handbook/repository-overview">here</a></p>
diff --git a/src/sections/Community/Handbook/writing-program.js b/src/sections/Community/Handbook/writing-program.js
index 67881f8e10f5..f98d1c450f0a 100644
--- a/src/sections/Community/Handbook/writing-program.js
+++ b/src/sections/Community/Handbook/writing-program.js
@@ -365,7 +365,7 @@ const Writers = () => {
                   <li>
                     <p>
                       Creating and Deploying your first application with
-                      MeshMap.
+                      Kanvas.
                     </p>
                   </li>
                   <li>
diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js
index a9a9554c08fd..5ad5729b2ff1 100644
--- a/src/sections/Community/Member-single/index.js
+++ b/src/sections/Community/Member-single/index.js
@@ -22,7 +22,7 @@ import writerIcon from "../../../assets/images/writer-program/writer-program-bad
 import docsLogo from "../../../assets/images/docs/docs.svg";
 import mesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg";
 import dockerExtensionLogo from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
-import meshMapLogo from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import meshMapLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 import Button from "../../../reusecore/Button";
 import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg";
 
@@ -192,18 +192,18 @@ const MemberSingle = ({ frontmatter }) => {
                           </span>
                         </div>
                       )}
-                      {badges.includes("meshmap") && (
+                      {badges.includes("kanvas") && (
                         <div className="tooltip">
                           <li>
-                            <Link to="/meshmap">
+                            <Link to="/kanvas">
                               <img
                                 className="profile-social-links"
                                 src={meshMapLogo}
-                                alt="MeshMap Logo"
+                                alt="Kanvas Logo"
                               />
                             </Link>
                           </li>
-                          <span className="tooltip-text meshmap">Meshmap</span>
+                          <span className="tooltip-text kanvas">Kanvas</span>
                         </div>
                       )}
                       {badges.includes("docker-extension") && (
diff --git a/src/sections/Company/Brand/Brand-components/catalog.js b/src/sections/Company/Brand/Brand-components/catalog.js
index f6811ed2fa4c..e21b35abf21b 100644
--- a/src/sections/Company/Brand/Brand-components/catalog.js
+++ b/src/sections/Company/Brand/Brand-components/catalog.js
@@ -60,7 +60,7 @@ const Catalog = () => {
                   <StaticImage
                     loading="lazy"
                     src={CatalogIcon}
-                    alt="MeshMap Logo"
+                    alt="Kanvas Logo"
                   />
                 </div>
               </Col>
diff --git a/src/sections/Company/Brand/Brand-components/meshmap.js b/src/sections/Company/Brand/Brand-components/kanvas.js
similarity index 72%
rename from src/sections/Company/Brand/Brand-components/meshmap.js
rename to src/sections/Company/Brand/Brand-components/kanvas.js
index 53632bfb0c03..dffa790653d5 100644
--- a/src/sections/Company/Brand/Brand-components/meshmap.js
+++ b/src/sections/Company/Brand/Brand-components/kanvas.js
@@ -5,28 +5,28 @@ import { Row, Col } from "../../../../reusecore/Layout";
 import Button from "../../../../reusecore/Button";
 import ColorBox from "../../../../components/ColorBox";
 import { FiDownloadCloud } from "@react-icons/all-files/fi/FiDownloadCloud";
-import MeshMapIcon from "../../../../assets/images/meshmap/meshmap-color-icon.svg";
-import MeshMap from "../../../../assets/images/meshmap/meshmap-color-horizontal.svg";
-import MeshMapTitle from "../../../../assets/images/meshmap/meshmap-color-text.webp";
+import KanvasIcon from "../../../../assets/images/kanvas/kanvas-color-icon.svg";
+import Kanvas from "../../../../assets/images/kanvas/kanvas-color-horizontal.svg";
+import KanvasTitle from "../../../../assets/images/kanvas/kanvas-color-text.webp";
 
-const MeshMapWrapper = styled.section`
+const KanvasWrapper = styled.section`
     .sub-project {
         margin-top: -2rem;
     }
 `;
 
-const MeshMapBrand = () => {
+const KanvasBrand = () => {
   return (
-    <MeshMapWrapper>
+    <KanvasWrapper>
       <div className="post-content">
         <Row className="sub-project brand-section">
           <Col xs={12} sm={6}>
             <h2 className="layerH3">
-                MeshMap
+                Kanvas
             </h2>
           </Col>
           <Col xs={12} sm={6} className="download-button">
-            <a href="/brand/meshmap-brand-kit.zip">
+            <a href="/brand/kanvas-brand-kit.zip">
               <Button primary title="Download Logo Assets" external={true}>
                 <FiDownloadCloud size={21} className="icon-left" />
               </Button>
@@ -34,7 +34,7 @@ const MeshMapBrand = () => {
           </Col>
           <Col>
             <p>
-            The MeshMap mark includes the MeshMap name & logo, and any word,
+            The Kanvas mark includes the Kanvas name & logo, and any word,
             phrase, image, or other designation that identifies the source or
             origin of any Layer5 projects. Please don’t modify the marks or
             use them in a confusing way, including suggesting sponsorship or
@@ -52,13 +52,13 @@ const MeshMapBrand = () => {
           <SRLWrapper>
             <Row Vcenter className="ImgDiv">
               <Col xs={12} sm={4}>
-                <img src={MeshMap} alt="MeshMap Logo"/>
+                <img src={Kanvas} alt="Kanvas Logo"/>
               </Col>
               <Col xs={12} sm={4}>
-                <img src={MeshMapIcon} alt="MeshMapLight Icon"/>
+                <img src={KanvasIcon} alt="KanvasLight Icon"/>
               </Col>
               <Col xs={12} sm={4}>
-                <img src={MeshMapTitle} alt="MeshMapTitle Text"/>
+                <img src={KanvasTitle} alt="KanvasTitle Text"/>
               </Col>
             </Row>
           </SRLWrapper>
@@ -71,8 +71,8 @@ const MeshMapBrand = () => {
           </Col>
           <Col>
             <p>
-                            The MeshMap color palette consists of the primary MeshMap color
-                            and additional shades. The MeshMap logo should be white or
+                            The Kanvas color palette consists of the primary Kanvas color
+                            and additional shades. The Kanvas logo should be white or
                             monochrome tonal when using a color background.
             </p>
           </Col>
@@ -83,8 +83,8 @@ const MeshMapBrand = () => {
           </Row>
         </Row>
       </div>
-    </MeshMapWrapper>
+    </KanvasWrapper>
   );
 };
 
-export default MeshMapBrand;
+export default KanvasBrand;
diff --git a/src/sections/Company/Brand/index.js b/src/sections/Company/Brand/index.js
index b260b42a0736..a6572dcd6ed5 100644
--- a/src/sections/Company/Brand/index.js
+++ b/src/sections/Company/Brand/index.js
@@ -16,7 +16,7 @@ const NightHawk = loadable(() => import("./Brand-components/nighthawk"));
 const ServiceMeshPatterns = loadable(() => import("./Brand-components/servicemeshpatterns"));
 const MeshMasterBrand = loadable(() => import("./Brand-components/meshmaster"));
 const MeshMarkBrand = loadable(() => import("./Brand-components/meshmark"));
-const MeshMapBrand = loadable(() => import("./Brand-components/meshmap"));
+const KanvasBrand = loadable(() => import("./Brand-components/kanvas"));
 const BrandGuide = loadable(() => import("./Brand-components/brand-guide"));
 const StickFigures = loadable(() => import("./Brand-components/stickfigures"));
 const Catalog = loadable(() => import("./Brand-components/catalog"));
@@ -104,7 +104,7 @@ const Brand = () => {
   const nightHawkRef = useRef(null);
   const meshmateRef = useRef(null);
   const meshmarkRef = useRef(null);
-  const meshmapRef = useRef(null);
+  const kanvasRef = useRef(null);
   const stickfiguresRef = useRef(null);
   const CatalogRef = useRef(null);
   const SocialBackgroundsRef = useRef(null);
@@ -121,7 +121,7 @@ const Brand = () => {
     { section: "NightHawk", ref: nightHawkRef },
     { section: "MeshMate", ref: meshmateRef },
     { section: "MeshMaster", ref: meshMasterRef },
-    { section: "MeshMap", ref: meshmapRef },
+    { section: "Kanvas", ref: kanvasRef },
     { section: "Five", ref: stickfiguresRef },
     { section: "Catalog", ref: CatalogRef },
     { section: "SocialBackgrounds", ref: SocialBackgroundsRef }
@@ -212,8 +212,8 @@ const Brand = () => {
           <div className="section" ref={meshMasterRef}>
             <MeshMasterBrand />
           </div>
-          <div className="section" ref={meshmapRef}>
-            <MeshMapBrand />
+          <div className="section" ref={kanvasRef}>
+            <KanvasBrand />
           </div>
           <div className="section" ref={CatalogRef}>
             <Catalog />
@@ -346,13 +346,13 @@ const Brand = () => {
             </p>
             <p
               className={`header_link ${
-                visibleSection === "MeshMap" ? "selected" : ""
+                visibleSection === "Kanvas" ? "selected" : ""
               }`}
               onClick={() => {
-                scrollTo(meshmapRef.current);
+                scrollTo(kanvasRef.current);
               }}
             >
-              <span> MeshMap </span>
+              <span> Kanvas </span>
             </p>
             <p
               className={`header_link ${
diff --git a/src/sections/Company/News-single/Sidebar.js b/src/sections/Company/News-single/Sidebar.js
index f61b982cfef2..ea10969a603d 100644
--- a/src/sections/Company/News-single/Sidebar.js
+++ b/src/sections/Company/News-single/Sidebar.js
@@ -111,10 +111,10 @@ const NewsSidebar = (props) => {
           <p>press@layer5.io</p>
         </div>
       </a>
-      <Link to="/meshmap">
+      <Link to="/kanvas">
         <div className="cta">
           <h4 className="cta_heading">
-        MeshMap
+        Kanvas
           </h4>
           <div className="cta_body">
             <h3 className="cta_heading-heading">
@@ -123,7 +123,7 @@ const NewsSidebar = (props) => {
             <div className="chapter-link">
               <Button primary title="Try Now!"
                 className="btn"
-                url="/meshmap"
+                url="/kanvas"
                 external={false} />
             </div>
           </div>
diff --git a/src/sections/Developer-Infrastructure/index.js b/src/sections/Developer-Infrastructure/index.js
index f59d8a5af6d9..0347247e4fb9 100644
--- a/src/sections/Developer-Infrastructure/index.js
+++ b/src/sections/Developer-Infrastructure/index.js
@@ -34,7 +34,7 @@ const KubernetesMultiCluster = () => {
     {
       heading: "Inclusive collaboration from start to finish",
       subtitle:
-        "MeshMap is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.",
+        "Kanvas is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.",
       image: collaborate_svg,
     },
   ];
diff --git a/src/sections/Docker-Meshery/docker-extension-meshery.js b/src/sections/Docker-Meshery/docker-extension-meshery.js
index 237e6ab90045..34c38848a55e 100644
--- a/src/sections/Docker-Meshery/docker-extension-meshery.js
+++ b/src/sections/Docker-Meshery/docker-extension-meshery.js
@@ -27,7 +27,7 @@ const DockerExtensionMeshery = () => {
             Wrangle cloud native apps using Docker Desktop and Meshery
           </h2>
           <p>
-          From the convenience of your Docker Desktop interface, connect Meshery with your Kubernetes cluster. Watch as MeshSync discovers all of your Kuberentes clusters. Visually design your Docker-based infrastructure. Choose from hundreds of ready-made design patterns using Meshery Catalog. Use our no-code designer, MeshMap, to collaboratively design and operate your infra.
+          From the convenience of your Docker Desktop interface, connect Meshery with your Kubernetes cluster. Watch as MeshSync discovers all of your Kuberentes clusters. Visually design your Docker-based infrastructure. Choose from hundreds of ready-made design patterns using Meshery Catalog. Use our no-code designer, Kanvas, to collaboratively design and operate your infra.
           </p>
         </Row>
         <Row>
@@ -58,7 +58,7 @@ const DockerExtensionMeshery = () => {
               <Col lg={10}>
                 <div className="feature-title">Visual designer for cloud native applications and infrastructure</div> {" "}
                 <i>
-                Using <Link to="/cloud-native-management/meshmap">MeshMap</Link> as a visual topology for designing Docker Compose applications, operating Kubernetes, service meshes, and their workloads.
+                Using <Link to="/cloud-native-management/kanvas">Kanvas</Link> as a visual topology for designing Docker Compose applications, operating Kubernetes, service meshes, and their workloads.
                 </i>
               </Col>
               <Col className="docker-extension-meshery" lg={2}>
diff --git a/src/sections/Docker-Meshery/index.js b/src/sections/Docker-Meshery/index.js
index b4e1a2b3bedd..8e999159f26b 100644
--- a/src/sections/Docker-Meshery/index.js
+++ b/src/sections/Docker-Meshery/index.js
@@ -4,7 +4,7 @@ import { Row, Col } from "../../reusecore/Layout";
 import docker from "../../assets/images/socialIcons/docker_white.svg";
 import meshery from "../../assets/images/meshery/icon-only/meshery-logo-white.svg";
 import DockerExtensionMeshery from "./docker-extension-meshery";
-import MeshMapCTA from "../meshmap-cta";
+import KanvasCTA from "../kanvas-cta";
 
 const MesheryDockerPage = () => {
   return (
@@ -23,7 +23,7 @@ const MesheryDockerPage = () => {
         </Row>
       </div>
       <DockerExtensionMeshery />
-      <MeshMapCTA />
+      <KanvasCTA />
     </DockerMesheryWrapper>
   );
 };
diff --git a/src/sections/GCP-Diagram/diagram.js b/src/sections/GCP-Diagram/diagram.js
index 1917a534900a..e84703e10a10 100644
--- a/src/sections/GCP-Diagram/diagram.js
+++ b/src/sections/GCP-Diagram/diagram.js
@@ -151,7 +151,7 @@ const Gcp = () => {
           <Col md={4} className="diagram-detail">
             <h2 className="heading">Deploy with No Code GCP</h2>
             <p className="caption">
-              Our visual GCP interface enables anyone to deploy production-grade software with no code. Whether you're new to GCP and are looking for the best way to learn or a seasoned pro, MeshMap has all the features you need to be successful in deploying and configuring your software, all with no code.
+              Our visual GCP interface enables anyone to deploy production-grade software with no code. Whether you're new to GCP and are looking for the best way to learn or a seasoned pro, Kanvas has all the features you need to be successful in deploying and configuring your software, all with no code.
             </p>
           </Col>
           <Col md={8} className="diagram-image">
@@ -169,9 +169,9 @@ const Gcp = () => {
           <Col md={4} className="diagram-detail">
             <h2 className="heading">Visual drag & drop</h2>
             <p className="caption">
-              MeshMap allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
+              Kanvas allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
             </p>
-            <Link className="link" href="/cloud-native-management/meshmap/design">Learn more &rarr;</Link>
+            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">
@@ -190,7 +190,7 @@ const Gcp = () => {
         <Row className="catalog">
           <Col md={8} className="diagram-image">
             <div className="image-wrapper">
-              <img src={GCPCatalogDark} alt="Designing GCP Diagrams with MeshMap" className="GCP-image" />
+              <img src={GCPCatalogDark} alt="Designing GCP Diagrams with Kanvas" className="GCP-image" />
             </div>
           </Col>
           <Col md={4} className="diagram-detail">
@@ -219,7 +219,7 @@ const Gcp = () => {
               Leverage Google Cloud Platform diagrams to utilize various services in facilitating storage and analysis of large datasets. These services encompass BigQuery, Dataflow, Dataproc, and Data Fusion, contributing to cloud-based data management.
               <br />
               <br />
-              <a className="link" href="/cloud-native-management/meshmap/design">Learn more &rarr;</a>
+              <a className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</a>
             </p>
           </Col>
         </Row>
@@ -240,7 +240,7 @@ const Gcp = () => {
           </Col>
           <Col md={6} className="diagram-image">
             <div className="image-wrapper">
-              <img src={isDark ? GCPCatalogDark : GCPCatalogLight} alt="Designing GCP Diagrams with MeshMap" className="gcp-image" />
+              <img src={isDark ? GCPCatalogDark : GCPCatalogLight} alt="Designing GCP Diagrams with KanvasclassName="gcp-image" />
             </div>
           </Col>
         </Row> */}
diff --git a/src/sections/GCP-Diagram/header.js b/src/sections/GCP-Diagram/header.js
index e8b9367ab087..ac9272fb6b59 100644
--- a/src/sections/GCP-Diagram/header.js
+++ b/src/sections/GCP-Diagram/header.js
@@ -86,9 +86,9 @@ const Header = () => {
               <div className="header__button_section">
                 <Button
                   primary
-                  title="Try MeshMap Now!"
+                  title="Try Kanvasow!"
                   external={true}
-                  url="/meshmap"
+                  url="/kanvas"
                 />
               </div>
             </Col>
diff --git a/src/sections/General/Footer/index.js b/src/sections/General/Footer/index.js
index fd2d9e2f0901..557a244735b6 100644
--- a/src/sections/General/Footer/index.js
+++ b/src/sections/General/Footer/index.js
@@ -21,7 +21,7 @@ const Footer = ({ location }) => {
       "/blog",
       "/careers",
       "/meshery",
-      "/meshmap",
+      "/kanvas",
       "/community",
       "/handbook",
       "projects",
@@ -215,9 +215,9 @@ const Footer = ({ location }) => {
                   <li>
                     <Link
                       className="category-link"
-                      to="/cloud-native-management/meshmap"
+                      to="/cloud-native-management/kanvas"
                     >
-                      MeshMap
+                      Kanvas
                       <span className="new-label">NEW</span>
                     </Link>
                   </li>
diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js
index 5e5017338c99..8da456f82949 100644
--- a/src/sections/General/Navigation/index.js
+++ b/src/sections/General/Navigation/index.js
@@ -9,7 +9,7 @@ import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
 import axios from "axios";
 // import smp_dark_text from "../../../assets/images/service-mesh-performance/stacked/smp-dark-text.svg";
 // import smp_light_text from "../../../assets/images/service-mesh-performance/stacked/smp-light-text.svg";
-import meshmap_dark from "../../..//assets/images/meshmap/icon-only/meshmap-icon.svg";
+import kanvas_dark from "../../..//assets/images/kanvas/icon-only/kanvas-icon.svg";
 import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
 import Data from "./utility/menu-items.js";
 import ScrollspyMenu from "./utility/ScrollspyMenu.js";
@@ -19,7 +19,7 @@ import DefaultAvatar from "./utility/DefaultAvatar.js";
 import CloudIcon from "./utility/CloudIcon.js";
 import LogoutIcon from "./utility/LogoutIcon.js";
 // import LogoutIcon from "./utility/LogoutIcon.js";
-import MeshMapIcon from "./utility/MeshMapIcon.js";
+import KanvasIcon from "./utility/KanvasIcon.js";
 const Navigation = () => {
   let data = useStaticQuery(
     graphql`
@@ -158,12 +158,12 @@ const Navigation = () => {
       {
         frontmatter: {
           thumbnail: {
-            img: meshmap_dark,
+            img: kanvas_dark,
           },
-          title: "MeshMap, collaborative infrastructure management",
+          title: "Kanvas, collaborative infrastructure management",
         },
         fields: {
-          slug: "/cloud-native-management/meshmap",
+          slug: "/cloud-native-management/kanvas",
         },
       },
     ],
@@ -414,7 +414,7 @@ const Navigation = () => {
                   target="_blank"
                 >
                   <div className="drop-item-icon">
-                    <MeshMapIcon />
+                    <KanvasIcon />
                   </div>
                   Playground
                 </a>
diff --git a/src/sections/General/Navigation/utility/MeshMapIcon.js b/src/sections/General/Navigation/utility/KanvasIcon.js
similarity index 98%
rename from src/sections/General/Navigation/utility/MeshMapIcon.js
rename to src/sections/General/Navigation/utility/KanvasIcon.js
index 44d02d542347..0ef5893cdc8b 100644
--- a/src/sections/General/Navigation/utility/MeshMapIcon.js
+++ b/src/sections/General/Navigation/utility/KanvasIcon.js
@@ -1,6 +1,6 @@
 import React from "react";
 
-function MeshMapIcon() {
+function KanvasIcon() {
   return (
     <svg
       width="24px"
@@ -120,4 +120,4 @@ function MeshMapIcon() {
   );
 }
 
-export default MeshMapIcon;
+export default KanvasIcon;
diff --git a/src/sections/General/Navigation/utility/ScrollspyMenu.js b/src/sections/General/Navigation/utility/ScrollspyMenu.js
index 2d6c8ed9c7d9..347ab4d1fee9 100644
--- a/src/sections/General/Navigation/utility/ScrollspyMenu.js
+++ b/src/sections/General/Navigation/utility/ScrollspyMenu.js
@@ -2,15 +2,15 @@ import React, { useEffect, useState } from "react";
 import { Link } from "gatsby";
 import Card from "./Card";
 import { IoIosArrowRoundForward } from "@react-icons/all-files/io/IoIosArrowRoundForward";
-import { ReactComponent as IngressGatewayImage } from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg";
-import { ReactComponent as KubernetesImage } from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar.svg";
-import { ReactComponent as KubernetesImage1 } from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar-light.svg";
-import { ReactComponent as PodImage } from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-colorMode.svg";
-import { ReactComponent as PrometheusImage } from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg";
-import { ReactComponent as ServiceIntefaceImage } from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg";
-import SupportingArrows from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/supporting-arrows.svg";
-import EmptyLight from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-light.svg";
-import EmptyDark from "../../../../sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-dark.svg";
+import { ReactComponent as IngressGatewayImage } from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg";
+import { ReactComponent as KubernetesImage } from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar.svg";
+import { ReactComponent as KubernetesImage1 } from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar-light.svg";
+import { ReactComponent as PodImage } from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-colorMode.svg";
+import { ReactComponent as PrometheusImage } from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg";
+import { ReactComponent as ServiceIntefaceImage } from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg";
+import SupportingArrows from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/supporting-arrows.svg";
+import EmptyLight from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-light.svg";
+import EmptyDark from "../../../../sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-dark.svg";
 import { useInView } from "react-intersection-observer";
 import { useStyledDarkMode } from "../../../../theme/app/useStyledDarkMode";
 
@@ -109,7 +109,7 @@ const ScrollspyMenu = ({ menuItems, ...props }) => {
                   <Card frontmatter={blogData[activeState.name].nodes[1].frontmatter} fields={blogData[activeState.name].nodes[1].fields} />
                 </div>) : (
                 <>
-                  <Link to="/cloud-native-management/meshmap">
+                  <Link to="/cloud-native-management/kanvas">
                     <div className="single-card">
                       <div className="transition-container" ref={transitionRef}>
                         <img className="canvas" src={isDark ? EmptyDark : EmptyLight} alt="" />
@@ -121,7 +121,7 @@ const ScrollspyMenu = ({ menuItems, ...props }) => {
                         <img className={imageInView ? "supporting-arrows-transition supporting-arrows" : "supporting-arrows"} src={SupportingArrows} alt="" />
                       </div>
                       <div className="card-text">
-                        <p>MeshMap</p>
+                        <p>Kanvas</p>
                         <h6>Stop finger-pointing.</h6>
                         <h6>Start collaborating.</h6>
                       </div>
diff --git a/src/sections/General/Navigation/utility/menu-items.js b/src/sections/General/Navigation/utility/menu-items.js
index edc2a3cad4d3..9e3a15cc7447 100644
--- a/src/sections/General/Navigation/utility/menu-items.js
+++ b/src/sections/General/Navigation/utility/menu-items.js
@@ -5,7 +5,7 @@ const Data = {
   menuItems: [
     {
       name: "Solutions",
-      path: "/cloud-native-management/meshmap",
+      path: "/cloud-native-management/kanvas",
       subItems: [
         {
           name: "Developer-defined Infrastructure",
@@ -24,7 +24,7 @@ const Data = {
         },
         {
           name: "Collaborative GitOps",
-          path: "/cloud-native-management/meshmap/collaborate",
+          path: "/cloud-native-management/kanvas/collaborate",
           sepLine: true
         },
         {
@@ -89,12 +89,12 @@ const Data = {
           sepLine: true
         },
         {
-          name: "MeshMap",
-          path: "/cloud-native-management/meshmap",
+          name: "Kanvas",
+          path: "/cloud-native-management/kanvas",
         },
         // {
         //   name: "---",
-        //   // path: "/cloud-native-management/meshmap",
+        //   // path: "/cloud-native-management/kanvas",
 
         // },
         {
diff --git a/src/sections/Home/Banner-4/banner4.style.js b/src/sections/Home/Banner-4/banner4.style.js
index ae734f06f3e5..38f31f0fc654 100644
--- a/src/sections/Home/Banner-4/banner4.style.js
+++ b/src/sections/Home/Banner-4/banner4.style.js
@@ -67,7 +67,7 @@ const Banner1SectionWrapper = styled.section`
         }
         }
     }
-    .meshmapVideo {
+    .kanvasVideo {
         position: relative;
         min-width:25%;
         max-width:100%;
@@ -211,7 +211,7 @@ const Banner1SectionWrapper = styled.section`
                 content: none;
             }
         }
-        .meshmapVideo {
+        .kanvasVideo {
             top: 1rem;
     }
     }
diff --git a/src/sections/Home/Banner-4/index.js b/src/sections/Home/Banner-4/index.js
index 0c08e50e85b8..1b72e628416b 100644
--- a/src/sections/Home/Banner-4/index.js
+++ b/src/sections/Home/Banner-4/index.js
@@ -7,7 +7,7 @@ import Button from "../../../reusecore/Button";
 import VintageBox from "../../../reusecore/VintageBox";
 import BGImg from "../../../components/BGImage";
 import ReactPlayer from "react-player/youtube";
-// import mesheryPlayground from "./meshery-playground-meshmap.png";
+// import mesheryPlayground from "./meshery-playground-kanvas.png";
 import videoThumbnail from "./meshery-infrastructure-as-diagram.webp";
 
 import { FaMapMarkedAlt } from "@react-icons/all-files/fa/FaMapMarkedAlt";
@@ -16,7 +16,7 @@ import playIcon from "../../../assets/images/homePage-images/play-button.webp";
 
 import Banner1SectionWrapper from "./banner4.style";
 
-// import meshmapVideo from "../../../assets/video/meshery/meshmap/meshmap-short-consul.mp4";
+// import kanvasVideo from "../../../assets/video/meshery/kanvas/kanvas-short-consul.mp4";
 import { graphql, useStaticQuery } from "gatsby";
 import { getImage } from "gatsby-plugin-image";
 import useHasMounted from "../../../utils/useHasMounted";
@@ -68,7 +68,7 @@ const Banner1 = (props) => {
               </SectionTitle>
               <span className="vintage-box-container">
                 <VintageBox right={true} vintageOne={true}>
-                  <Button primary className="banner-btn one" title="Learn about Meshery" url="/cloud-native-management/meshmap">
+                  <Button primary className="banner-btn one" title="Learn about Meshery" url="/cloud-native-management/kanvas">
                     <FaMapMarkedAlt size={21} className="icon-left" />
                   </Button>
                   <Button secondary className="banner-btn two" title="Open in Playground" url="https://play.meshery.io" external={true}>
@@ -101,9 +101,9 @@ const Banner1 = (props) => {
                 style={{ margin: "auto" }}
                 className="embedVideo"
               />
-              {/* <Link to="/cloud-native-management/meshmap">
-                <video autoPlay muted loop preload="metadata" className="meshmapVideo">
-                  <source src={meshmapVideo} type="video/mp4"></source>
+              {/* <Link to="/cloud-native-management/kanvas">
+                <video autoPlay muted loop preload="metadata" className="kanvasVideo">
+                  <source src={kanvasVideo} type="video/mp4"></source>
                 </video>
               </Link> */}
             </Col>
diff --git a/src/sections/Home/CloudNativeManagement/index.js b/src/sections/Home/CloudNativeManagement/index.js
index 7b2093c5e593..265fc41e860e 100644
--- a/src/sections/Home/CloudNativeManagement/index.js
+++ b/src/sections/Home/CloudNativeManagement/index.js
@@ -10,7 +10,7 @@ import ReactPlayer from "react-player/youtube";
 import BannerSectionWrapper from "./statement.style";
 import { Link } from "gatsby";
 
-import imgHero from "../../../assets/images/meshmap/MeshmapDesigner.webp";
+import imgHero from "../../../assets/images/kanvas/KanvasDesigner.webp";
 
 const BannerDefault = () => {
   return (
@@ -78,7 +78,7 @@ const BannerDefault = () => {
                   className="imgHero"
                   src={imgHero}
                   loading="lazy"
-                  alt="meshmap designer"
+                  alt="kanvas designer"
                   width="100%"
                   height="100%"
                 />
diff --git a/src/sections/Home/FeaturesContainer/index.js b/src/sections/Home/FeaturesContainer/index.js
index 009668999514..8bbedfbb1948 100644
--- a/src/sections/Home/FeaturesContainer/index.js
+++ b/src/sections/Home/FeaturesContainer/index.js
@@ -29,7 +29,7 @@ const FeaturesContainer = () => {
       title: "Collaborate with Precision",
       show_custom_cursor: true,
       animationOne: true,
-      redirectLink: "/cloud-native-management/meshmap/collaborate/peer-reviews",
+      redirectLink: "/cloud-native-management/kanvas/collaborate/peer-reviews",
       desc: "Real-time collaboration for cloud and cloud native designs with live-editing, instant feedback, deploy dry runs, and secure access controls.",
       imgLink: isDark ? CommentingImageDark : CommentingImageLight,
       cursor: false,
diff --git a/src/sections/Home/Layer5-statement/index.js b/src/sections/Home/Layer5-statement/index.js
index 74946f325256..b13519e08b4f 100644
--- a/src/sections/Home/Layer5-statement/index.js
+++ b/src/sections/Home/Layer5-statement/index.js
@@ -6,7 +6,7 @@ import svgBackground from "../../../assets/images/homePage-images/background.svg
 import BannerSectionWrapper from "./statement.style";
 import { StaticImage } from "gatsby-plugin-image";
 
-const imgHero = "../../../assets/images/meshmap/MeshmapDesigner.webp";
+const imgHero = "../../../assets/images/kanvas/KanvasDesigner.webp";
 // const imgHero = "../service-mesh-management/images/service-mesh.svg";
 
 const BannerDefault = () => {
@@ -45,7 +45,7 @@ const BannerDefault = () => {
             </div>
           </Col>
           <Col sm={12} md={6} lg={6} className="right-col">
-            <StaticImage className="hero" src={imgHero} alt="Layer5 MeshMap screenshot" loading="lazy" />
+            <StaticImage className="hero" src={imgHero} alt="Layer5 Kanvascreenshot" loading="lazy" />
           </Col>
         </Row>
       </div>
diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
index bd2df1029335..f25686df3a52 100644
--- a/src/sections/Home/Playground-home/index.js
+++ b/src/sections/Home/Playground-home/index.js
@@ -204,7 +204,7 @@ const ViewsSectionWrapper = styled.div`
 
 `;
 
-const MeshmapVisualizerViews = () => {
+const KanvasVisualizerViews = () => {
   const [imageRef, inView] = useInView({ threshold: 0.3 });
   const [imageInView, setimageInView] = useState(false);
 
@@ -290,4 +290,4 @@ const MeshmapVisualizerViews = () => {
   );
 };
 
-export default MeshmapVisualizerViews;
+export default KanvasVisualizerViews;
diff --git a/src/sections/Home/Projects-home/index.js b/src/sections/Home/Projects-home/index.js
index 8b205218065f..623ed594cc54 100644
--- a/src/sections/Home/Projects-home/index.js
+++ b/src/sections/Home/Projects-home/index.js
@@ -14,7 +14,7 @@ const Projects = () => {
   const projectImage2_dark = "../../../assets/images/app/projects/smp.webp";
   const projectImage3 = "../../../assets/images/app/projects/meshery-logo-light.webp";
   const projectImage4 = "../../../assets/images/app/projects/nighthawk-logo.webp";
-  const meshmapLogo = "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+  const kanvasLogo = "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
   if (!didLoad){
     return null;
   }
@@ -38,10 +38,10 @@ const Projects = () => {
         <Row>
           <div className="project__block__wrap">
             <Col sm={12} md={6} lg={3}>
-              <Link className="project-card" to="/cloud-native-management/meshmap">
+              <Link className="project-card" to="/cloud-native-management/kanvas">
                 <div className="project__block__inner">
-                  <StaticImage loading="lazy" src={meshmapLogo} alt="MeshMap Logo" width={50} height={80} imgStyle={{ width: "24px", height: "39px" }} />
-                  <p>MeshMap</p>
+                  <StaticImage loading="lazy" src={kanvasLogo} alt="Kanvas Logo" width={50} height={80} imgStyle={{ width: "24px", height: "39px" }} />
+                  <p>Kanvas</p>
                   <h3>Collaborative GitOps</h3>
                   {/* <h3>Multiplayer Kubernetes by Design</h3> */}
                 </div>
diff --git a/src/sections/Home/service-mesh-management/ServiceMesh.style.js b/src/sections/Home/service-mesh-management/ServiceMesh.style.js
index d18d7e7c3f15..b13aa51e3518 100644
--- a/src/sections/Home/service-mesh-management/ServiceMesh.style.js
+++ b/src/sections/Home/service-mesh-management/ServiceMesh.style.js
@@ -152,7 +152,7 @@ const MeshSectionWrapper = styled.section`
  * MIT license (https://opensource.org/licenses/MIT)
  * W. https://svgartista.net
  **************************************************/
-.meshmap {
+.kanvas {
 svg .svg-elem-1{stroke-dashoffset:168.8795166015625px;stroke-dasharray:168.8795166015625px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0s}svg.active .svg-elem-1{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-2{stroke-dashoffset:168.8795166015625px;stroke-dasharray:168.8795166015625px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.09s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.09s}svg.active .svg-elem-2{stroke-dashoffset:0}svg .svg-elem-3{stroke-dashoffset:173.59739685058594px;stroke-dasharray:173.59739685058594px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.18s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.18s}svg.active .svg-elem-3{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-4{stroke-dashoffset:173.56723022460938px;stroke-dasharray:173.56723022460938px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.27s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.27s}svg.active .svg-elem-4{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-5{stroke-dashoffset:83.45301055908203px;stroke-dasharray:83.45301055908203px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.36s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.36s}svg.active .svg-elem-5{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-6{stroke-dashoffset:83.45301055908203px;stroke-dasharray:83.45301055908203px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.44999999999999996s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.44999999999999996s}svg.active .svg-elem-6{stroke-dashoffset:0}svg .svg-elem-7{stroke-dashoffset:173.4873046875px;stroke-dasharray:173.4873046875px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.54s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.54s}svg.active .svg-elem-7{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-8{stroke-dashoffset:173.54556274414062px;stroke-dasharray:173.54556274414062px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.63s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.63s}svg.active .svg-elem-8{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-9{stroke-dashoffset:173.59738159179688px;stroke-dasharray:173.59738159179688px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.72s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.72s}svg.active .svg-elem-9{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-10{stroke-dashoffset:100.71990203857422px;stroke-dasharray:100.71990203857422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8099999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8099999999999999s}svg.active .svg-elem-10{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-11{stroke-dashoffset:100.71990203857422px;stroke-dasharray:100.71990203857422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8999999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8999999999999999s}svg.active .svg-elem-11{stroke-dashoffset:0}svg .svg-elem-12{stroke-dashoffset:43.39763641357422px;stroke-dasharray:43.39763641357422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.99s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.99s}svg.active .svg-elem-12{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-13{stroke-dashoffset:43.39763641357422px;stroke-dasharray:43.39763641357422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.08s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.08s}svg.active .svg-elem-13{stroke-dashoffset:0}svg .svg-elem-14{stroke-dashoffset:108.3414306640625px;stroke-dasharray:108.3414306640625px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.17s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.17s}svg.active .svg-elem-14{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-15{stroke-dashoffset:108.3414306640625px;stroke-dasharray:108.3414306640625px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.9000000000000004s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.26s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.9000000000000004s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.26s}svg.active .svg-elem-15{stroke-dashoffset:0}svg .svg-elem-16{stroke-dashoffset:75.88581085205078px;stroke-dasharray:75.88581085205078px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.3499999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.3499999999999999s}svg.active .svg-elem-16{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-17{stroke-dashoffset:75.88581085205078px;stroke-dasharray:75.88581085205078px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.44s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.44s}svg.active .svg-elem-17{stroke-dashoffset:0}svg .svg-elem-18{stroke-dashoffset:173.5455322265625px;stroke-dasharray:173.5455322265625px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.53s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.53s}svg.active .svg-elem-18{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-19{stroke-dashoffset:173.5973358154297px;stroke-dasharray:173.5973358154297px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.6199999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.6199999999999999s}svg.active .svg-elem-19{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-20{stroke-dashoffset:173.56723022460938px;stroke-dasharray:173.56723022460938px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.71s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.71s}svg.active .svg-elem-20{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-21{stroke-dashoffset:75.43915557861328px;stroke-dasharray:75.43915557861328px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.7999999999999998s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.7999999999999998s}svg.active .svg-elem-21{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-22{stroke-dashoffset:75.43915557861328px;stroke-dasharray:75.43915557861328px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.89s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.89s}svg.active .svg-elem-22{stroke-dashoffset:0}svg .svg-elem-23{stroke-dashoffset:21.905780792236328px;stroke-dasharray:21.905780792236328px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.98s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.98s}svg.active .svg-elem-23{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-24{stroke-dashoffset:21.905780792236328px;stroke-dasharray:21.905780792236328px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.07s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.07s}svg.active .svg-elem-24{stroke-dashoffset:0}svg .svg-elem-25{stroke-dashoffset:15.808277130126953px;stroke-dasharray:15.808277130126953px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.16s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.16s}svg.active .svg-elem-25{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-26{stroke-dashoffset:15.808277130126953px;stroke-dasharray:15.808277130126953px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.25s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.25s}svg.active .svg-elem-26{stroke-dashoffset:0}svg .svg-elem-27{stroke-dashoffset:103.98786926269531px;stroke-dasharray:103.98786926269531px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.34s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.34s}svg.active .svg-elem-27{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-28{stroke-dashoffset:103.98786926269531px;stroke-dasharray:103.98786926269531px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.4299999999999997s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.4299999999999997s}svg.active .svg-elem-28{stroke-dashoffset:0}svg .svg-elem-29{stroke-dashoffset:173.5672149658203px;stroke-dasharray:173.5672149658203px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.52s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.52s}svg.active .svg-elem-29{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-30{stroke-dashoffset:15.808284759521484px;stroke-dasharray:15.808284759521484px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.61s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.61s}svg.active .svg-elem-30{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-31{stroke-dashoffset:15.808284759521484px;stroke-dasharray:15.808284759521484px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.6999999999999997s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.6999999999999997s}svg.active .svg-elem-31{stroke-dashoffset:0}svg .svg-elem-32{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.79s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.79s}svg.active .svg-elem-32{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-33{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.88s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.88s}svg.active .svg-elem-33{stroke-dashoffset:0}svg .svg-elem-34{stroke-dashoffset:173.5671844482422px;stroke-dasharray:173.5671844482422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.9699999999999998s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.9699999999999998s}svg.active .svg-elem-34{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-35{stroke-dashoffset:173.567138671875px;stroke-dasharray:173.567138671875px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.06s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.06s}svg.active .svg-elem-35{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-36{stroke-dashoffset:173.5671844482422px;stroke-dasharray:173.5671844482422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.15s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.15s}svg.active .svg-elem-36{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-37{stroke-dashoffset:75.42085266113281px;stroke-dasharray:75.42085266113281px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.2399999999999998s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.2399999999999998s}svg.active .svg-elem-37{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-38{stroke-dashoffset:75.42085266113281px;stroke-dasharray:75.42085266113281px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.33s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.33s}svg.active .svg-elem-38{stroke-dashoffset:0}svg .svg-elem-39{stroke-dashoffset:21.905784606933594px;stroke-dasharray:21.905784606933594px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.42s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.42s}svg.active .svg-elem-39{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-40{stroke-dashoffset:21.905784606933594px;stroke-dasharray:21.905784606933594px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.51s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.51s}svg.active .svg-elem-40{stroke-dashoffset:0}svg .svg-elem-41{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.5999999999999996s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.5999999999999996s}svg.active .svg-elem-41{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-42{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.6000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.69s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.6000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.69s}svg.active .svg-elem-42{stroke-dashoffset:0}svg .svg-elem-43{stroke-dashoffset:173.5672149658203px;stroke-dasharray:173.5672149658203px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.78s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.78s}svg.active .svg-elem-43{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-44{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.8699999999999997s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.8699999999999997s}svg.active .svg-elem-44{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-45{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.96s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.96s}svg.active .svg-elem-45{stroke-dashoffset:0}svg .svg-elem-46{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.05s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.05s}svg.active .svg-elem-46{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-47{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7.1000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.14s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7.1000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.14s}svg.active .svg-elem-47{stroke-dashoffset:0}
 }
   
diff --git a/src/sections/Home/service-mesh-management/index.js b/src/sections/Home/service-mesh-management/index.js
index 7e192f3e3faf..75f446689b91 100644
--- a/src/sections/Home/service-mesh-management/index.js
+++ b/src/sections/Home/service-mesh-management/index.js
@@ -6,7 +6,7 @@ import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward";
 import { Link } from "gatsby";
 import { StaticImage } from "gatsby-plugin-image";
 
-const MeshMap = "../../../assets/images/homePage-images/meshmap.webp";
+const Kanvas = "../../../assets/images/homePage-images/kanvas.webp";
 
 const ServiceMeshManagement = () => {
   return (
@@ -27,7 +27,7 @@ const ServiceMeshManagement = () => {
 
           <Col xs={12} sm={12} md={6}>
             <Link to="/cloud-native-management/meshery">
-              <StaticImage className="mesh-image" alt="Meshery - the cloud native management plane" src={MeshMap} />
+              <StaticImage className="mesh-image" alt="Meshery - the cloud native management plane" src={Kanvas} />
             </Link>
           </Col>
           <Col xs={12} sm={12} md={6}>
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.js b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.js
similarity index 95%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.js
rename to src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.js
index bc6c4506c7d6..04082d9634cc 100644
--- a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.js
+++ b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.js
@@ -28,7 +28,7 @@ export default function CollaboratorFeatures({ features }) {
     <CollaboratorFeaturesWrapper>
       <Container className="collaborate-container collaborator-trigger-container">
         <div className="root">
-          <Link to="/cloud-native-management/meshmap/collaborate">
+          <Link to="/cloud-native-management/kanvas/collaborate">
             <div id="featureHeading" className="fixed" onMouseEnter={handleEnter} onMouseLeave={handleLeave}>
               <h1>Collaborate</h1>
               <div className="learn-more">
@@ -38,7 +38,7 @@ export default function CollaboratorFeatures({ features }) {
             </div>
           </Link>
           <div className="g-grid-container contentContainer" id="add-border">
-            <Link to="/cloud-native-management/meshmap/collaborate">
+            <Link to="/cloud-native-management/kanvas/collaborate">
               <div className="diagram scroll hideInMobile">
                 <CollaboratorFeaturesDiagram activeExampleIndex={activeExampleIndex} />
               </div>
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.style.js b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.style.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.style.js
rename to src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.style.js
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js
rename to src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar1.webp b/src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar1.webp
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar1.webp
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar1.webp
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar2.webp b/src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar2.webp
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar2.webp
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar2.webp
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar3.webp b/src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar3.webp
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar3.webp
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar3.webp
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4.svg
rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.js b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.js
similarity index 96%
rename from src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.js
rename to src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.js
index 1c86d07d9eaa..c31540688b4f 100644
--- a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.js
+++ b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.js
@@ -29,7 +29,7 @@ export default function DesignerFeatures({ features }) {
     <DesignerFeaturesWrapper>
       <Container className="designer-container">
         <div className="root design-trigger-container">
-          <Link to="/cloud-native-management/meshmap/design">
+          <Link to="/cloud-native-management/kanvas/design">
             <div id="featureHeading" className="fixed" onMouseEnter={handleEnter} onMouseLeave={handleLeave}>
               <h1>Design</h1>
               <div className="learn-more">
@@ -39,7 +39,7 @@ export default function DesignerFeatures({ features }) {
             </div>
           </Link>
           <div className="g-grid-container contentContainer" id="add-border" >
-            <Link to="/cloud-native-management/meshmap/design">
+            <Link to="/cloud-native-management/kanvas/design">
               <div className="diagram scroll hideInMobile">
                 <DesignerFeaturesDiagram activeExampleIndex={activeExampleIndex} />
               </div>
diff --git a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.style.js b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.style.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.style.js
rename to src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.style.js
diff --git a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures_diagram.js b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures_diagram.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures_diagram.js
rename to src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures_diagram.js
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4.svg
rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.js b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.js
similarity index 95%
rename from src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.js
rename to src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.js
index f5ff5728f4c8..9fb6483251f4 100644
--- a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.js
+++ b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.js
@@ -30,7 +30,7 @@ export default function VisualizerFeatures({ features }) {
     <VisualizerFeaturesWrapper>
       <Container className="visualizer-trigger-container">
         <div className="root test-container2">
-          <Link to="/cloud-native-management/meshmap/visualize">
+          <Link to="/cloud-native-management/kanvas/visualize">
             <div id="featureHeading" className="fixed" onMouseEnter={handleEnter} onMouseLeave={handleLeave}>
               <h1>Visualize</h1>
               <div className="learn-more">
@@ -40,7 +40,7 @@ export default function VisualizerFeatures({ features }) {
             </div>
           </Link>
           <div className="g-grid-container contentContainer" id="add-border">
-            <Link to="/cloud-native-management/meshmap/visualize">
+            <Link to="/cloud-native-management/kanvas/visualize">
               <div className="diagram scroll hideInMobile">
                 <VisualizerFeaturesDiagram activeExampleIndex={activeExampleIndex} />
               </div>
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.style.js b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.style.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.style.js
rename to src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.style.js
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures_diagram.js b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures_diagram.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures_diagram.js
rename to src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures_diagram.js
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-dark.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1.svg
rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-colorMode.svg
rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-colorMode.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-dark.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-dark.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-dark.svg
rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-dark.svg
diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2.svg
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2.svg
rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2.svg
diff --git a/src/sections/Meshmap/FeaturesSection/useGsapTimeline.js b/src/sections/Kanvas/FeaturesSection/useGsapTimeline.js
similarity index 100%
rename from src/sections/Meshmap/FeaturesSection/useGsapTimeline.js
rename to src/sections/Kanvas/FeaturesSection/useGsapTimeline.js
diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-team.js b/src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-team.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-team.js
rename to src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-team.js
diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-terms.js b/src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-terms.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-terms.js
rename to src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-terms.js
diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js b/src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-work.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js
rename to src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-work.js
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/canvas.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/canvas.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/canvas.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/canvas.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-dark.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-light.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-light.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-light.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar-light.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar-light.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar-light.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-dark.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-colorMode.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-dark.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-dark.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-dark.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/supporting-arrows.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/supporting-arrows.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/supporting-arrows.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/supporting-arrows.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-1.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-1.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-1.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-1.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-2.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-2.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-2.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-2.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-3.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-3.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-3.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-3.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-4.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-4.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-4.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-4.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-5.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-5.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-5.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-5.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-6.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-6.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-6.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-6.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-7.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-7.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-7.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-7.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-image.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-image.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-image.svg
rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-image.svg
diff --git a/src/sections/Meshmap/Meshmap-collaborate/index.js b/src/sections/Kanvas/Kanvas-collaborate/index.js
similarity index 58%
rename from src/sections/Meshmap/Meshmap-collaborate/index.js
rename to src/sections/Kanvas/Kanvas-collaborate/index.js
index 357ae4c63560..a4712bd76ca8 100644
--- a/src/sections/Meshmap/Meshmap-collaborate/index.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/index.js
@@ -1,6 +1,6 @@
 import React from "react";
-import MeshmapCollaborateWrapper from "./meshmap-collaborate.style";
-import MeshmapCollaborateBanner from "./meshmap-collaborate-banner";
+import KanvasCollaborateWrapper from "./kanvas-collaborate.style";
+import KanvasCollaborateBanner from "./kanvas-collaborate-banner";
 import CollaborationFeatureTeam from "./collaboration-feature-team";
 import CollaborationFeatureWork from "./collaboration-feature-work";
 
@@ -8,17 +8,17 @@ import SignupForm from "./../signup-form";
 import Reviews from "../../Pricing/review-slider";
 
 
-const MeshmapCollaborate = () => {
+const KanvasCollaborate = () => {
   return (
-    <MeshmapCollaborateWrapper>
-      <MeshmapCollaborateBanner />
+    <KanvasCollaborateWrapper>
+      <KanvasCollaborateBanner />
       <CollaborationFeatureTeam />
       {/* <CollaborationFeatureCreate/> */}
       <CollaborationFeatureWork />
       <SignupForm />
       <Reviews />
-    </MeshmapCollaborateWrapper>
+    </KanvasCollaborateWrapper>
   );
 };
 
-export default MeshmapCollaborate;
+export default KanvasCollaborate;
diff --git a/src/sections/Meshmap/Meshmap-collaborate/index.test.js b/src/sections/Kanvas/Kanvas-collaborate/index.test.js
similarity index 68%
rename from src/sections/Meshmap/Meshmap-collaborate/index.test.js
rename to src/sections/Kanvas/Kanvas-collaborate/index.test.js
index 293b1fc35124..8e8fd5cbb5ab 100644
--- a/src/sections/Meshmap/Meshmap-collaborate/index.test.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/index.test.js
@@ -1,7 +1,7 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
-import Meshmap from './index';
+import Kanvas from './index';
 it('Blog-sidebar renders without crashing', () => {
-  shallow(<Meshmap />);
+  shallow(<Kanvas />);
 });
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
similarity index 98%
rename from src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js
rename to src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
index d63ad955c9c6..a71e51784596 100644
--- a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js
@@ -179,7 +179,7 @@ const CollaborationBannerWrapper = styled.div`
 }
 `;
 
-const MeshmapCollaborateBanner = () => {
+const KanvasCollaborateBanner = () => {
   const [transitionRef, inView] = useInView({ threshold: 0.7 });
   const [imageInView, setimageInView] = useState(false);
   if (inView && !imageInView)
@@ -221,4 +221,4 @@ const MeshmapCollaborateBanner = () => {
   );
 };
 
-export default MeshmapCollaborateBanner;
\ No newline at end of file
+export default KanvasCollaborateBanner;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate.style.js b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate.style.js
similarity index 88%
rename from src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate.style.js
rename to src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate.style.js
index 93bdb26334b0..2247176a8018 100644
--- a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate.style.js
+++ b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate.style.js
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-const MeshmapCollaborateWrapper = styled.div`
+const KanvasCollaborateWrapper = styled.div`
 
   display: flex;
   flex-direction: column;
@@ -39,4 +39,4 @@ const MeshmapCollaborateWrapper = styled.div`
 
 `;
 
-export default MeshmapCollaborateWrapper;
+export default KanvasCollaborateWrapper;
diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap-design-features/index.js b/src/sections/Kanvas/Kanvas-design/Kanvas-design-features/index.js
similarity index 75%
rename from src/sections/Meshmap/Meshmap-design/Meshmap-design-features/index.js
rename to src/sections/Kanvas/Kanvas-design/Kanvas-design-features/index.js
index 5f9fecd3ace0..923964519065 100644
--- a/src/sections/Meshmap/Meshmap-design/Meshmap-design-features/index.js
+++ b/src/sections/Kanvas/Kanvas-design/Kanvas-design-features/index.js
@@ -4,12 +4,12 @@ import { Container } from "../../../../reusecore/Layout";
 import Features from "../../../../components/Features-carousel";
 import { StaticImage } from "gatsby-plugin-image";
 
-const img1 = "../../../../assets/images/meshmap/MeshmapDesigner.webp";
-const img2 = "../../../../assets/images/meshmap/MeshmapDesigner.webp";
-const img3 = "../../../../assets/images/meshmap/MeshmapDesigner.webp";
-const img4 = "../../../../assets/images/meshmap/MeshmapDesigner.webp";
+const img1 = "../../../../assets/images/kanvas/KanvasDesigner.webp";
+const img2 = "../../../../assets/images/kanvas/KanvasDesigner.webp";
+const img3 = "../../../../assets/images/kanvas/KanvasDesigner.webp";
+const img4 = "../../../../assets/images/kanvas/KanvasDesigner.webp";
 
-const MeshmapDesignFeaturesWrapper = styled.div`
+const KanvasDesignFeaturesWrapper = styled.div`
     margin: auto;
     margin-top: 12% !important;
     margin-bottom: 12%;
@@ -33,9 +33,9 @@ const MeshmapDesignFeaturesWrapper = styled.div`
   }
 `;
 
-const MeshmapDesignFeatures = () => {
+const KanvasDesignFeatures = () => {
   return (
-    <MeshmapDesignFeaturesWrapper>
+    <KanvasDesignFeaturesWrapper>
       <Container>
         <Features
           features={[
@@ -43,14 +43,14 @@ const MeshmapDesignFeatures = () => {
               title: "Design your deployments the way you want",
               description:
                 "Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Say goodbye to YAML configurations.",
-              learnMoreLink: "/cloud-native-management/meshmap",
+              learnMoreLink: "/cloud-native-management/kanvas",
               content: <StaticImage src={img1} alt="Operational Best Practices" />,
             },
             {
               title: "Manage your applications visually and intuitively",
               description:
                 "Play with powerful features including context-aware designs and namespace configurations to easily manage all services.",
-              learnMoreLink: "/cloud-native-management/meshmap",
+              learnMoreLink: "/cloud-native-management/kanvas",
               content: (
                 <StaticImage src={img2} alt="Adaptive WebAssembly Filters for Envoy" />
               ),
@@ -59,7 +59,7 @@ const MeshmapDesignFeatures = () => {
               title: "Build the bridge",
               description:
                 "Go from developer handoffs to ongoing conversations with a shared language between design and development.",
-              learnMoreLink: "/cloud-native-management/meshmap",
+              learnMoreLink: "/cloud-native-management/kanvas",
               content: (
                 <StaticImage src={img3} alt="Adaptive WebAssembly Filters for Envoy" />
               ),
@@ -71,13 +71,13 @@ const MeshmapDesignFeatures = () => {
               content: (
                 <StaticImage src={img4} alt="Adaptive WebAssembly Filters for Envoy" />
               ),
-              learnMoreLink: "/cloud-native-management/meshmap",
+              learnMoreLink: "/cloud-native-management/kanvas",
             }
           ]}
         />
       </Container>
-    </MeshmapDesignFeaturesWrapper>
+    </KanvasDesignFeaturesWrapper>
   );
 };
 
-export default MeshmapDesignFeatures;
\ No newline at end of file
+export default KanvasDesignFeatures;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/KanvasMobileSwiper.js
similarity index 86%
rename from src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js
rename to src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/KanvasMobileSwiper.js
index 1cb1e20f7a42..a4b8f37a159d 100644
--- a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js
+++ b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/KanvasMobileSwiper.js
@@ -16,14 +16,14 @@ const CONTENT = [
     title: "Confidently make changes to your infrastructure",
     img: dragDrop,
     description:
-      "MeshMap automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.",
+      "Kanvas automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.",
     gradient: "one",
   },
   {
     title: "Understand your infrastructure with visualization and automation",
     img: mergeDesign,
     description:
-      "MeshMap helps your team automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.",
+      "Kanvaselps your team automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.",
     gradient: "two",
   },
   {
@@ -55,7 +55,7 @@ const Card = ({ title, description, img, readMoreLink }) => {
   );
 };
 
-export const MeshmapMobileSwiper = () => {
+export const KanvasMobileSwiper = () => {
   return (
     <SwiperContainer>
       <h2>Multi user real time collaboration</h2>
diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/images/BlankSwiper.webp b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/images/BlankSwiper.webp
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/images/BlankSwiper.webp
rename to src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/images/BlankSwiper.webp
diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/mobile-swiper.style.js b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/mobile-swiper.style.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/mobile-swiper.style.js
rename to src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/mobile-swiper.style.js
diff --git a/src/sections/Meshmap/Meshmap-design/cytoscape-demo.js b/src/sections/Kanvas/Kanvas-design/cytoscape-demo.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/cytoscape-demo.js
rename to src/sections/Kanvas/Kanvas-design/cytoscape-demo.js
diff --git a/src/sections/Meshmap/Meshmap-design/cytoscape-demo.style.js b/src/sections/Kanvas/Kanvas-design/cytoscape-demo.style.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/cytoscape-demo.style.js
rename to src/sections/Kanvas/Kanvas-design/cytoscape-demo.style.js
diff --git a/src/sections/Meshmap/Meshmap-design/cytoscapeCanvas.js b/src/sections/Kanvas/Kanvas-design/cytoscapeCanvas.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/cytoscapeCanvas.js
rename to src/sections/Kanvas/Kanvas-design/cytoscapeCanvas.js
diff --git a/src/sections/Meshmap/Meshmap-design/images/background-dots-pattern.svg b/src/sections/Kanvas/Kanvas-design/images/background-dots-pattern.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/background-dots-pattern.svg
rename to src/sections/Kanvas/Kanvas-design/images/background-dots-pattern.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/banner-image-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/banner-image-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/banner-image-colorMode.svg
rename to src/sections/Kanvas/Kanvas-design/images/banner-image-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/banner-image-dark.svg b/src/sections/Kanvas/Kanvas-design/images/banner-image-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/banner-image-dark.svg
rename to src/sections/Kanvas/Kanvas-design/images/banner-image-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/banner-image-light.svg b/src/sections/Kanvas/Kanvas-design/images/banner-image-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/banner-image-light.svg
rename to src/sections/Kanvas/Kanvas-design/images/banner-image-light.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/connect-components.gif b/src/sections/Kanvas/Kanvas-design/images/connect-components.gif
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/connect-components.gif
rename to src/sections/Kanvas/Kanvas-design/images/connect-components.gif
diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoNodes.js b/src/sections/Kanvas/Kanvas-design/images/cytoNodes.js
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/cytoNodes.js
rename to src/sections/Kanvas/Kanvas-design/images/cytoNodes.js
diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoscape-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/cytoscape-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/cytoscape-colorMode.svg
rename to src/sections/Kanvas/Kanvas-design/images/cytoscape-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoscape-dark.svg b/src/sections/Kanvas/Kanvas-design/images/cytoscape-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/cytoscape-dark.svg
rename to src/sections/Kanvas/Kanvas-design/images/cytoscape-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoscape-light.svg b/src/sections/Kanvas/Kanvas-design/images/cytoscape-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/cytoscape-light.svg
rename to src/sections/Kanvas/Kanvas-design/images/cytoscape-light.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/drag-drop-components.gif b/src/sections/Kanvas/Kanvas-design/images/drag-drop-components.gif
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/drag-drop-components.gif
rename to src/sections/Kanvas/Kanvas-design/images/drag-drop-components.gif
diff --git a/src/sections/Meshmap/Meshmap-design/images/integration-image-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/integration-image-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/integration-image-colorMode.svg
rename to src/sections/Kanvas/Kanvas-design/images/integration-image-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-dark.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-dark.svg
rename to src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-light.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-light.svg
rename to src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-light.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-locator-dark.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-locator-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/meshmap-locator-dark.svg
rename to src/sections/Kanvas/Kanvas-design/images/kanvas-locator-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-locator-light.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-locator-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/meshmap-locator-light.svg
rename to src/sections/Kanvas/Kanvas-design/images/kanvas-locator-light.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/merge-design.gif b/src/sections/Kanvas/Kanvas-design/images/merge-design.gif
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/merge-design.gif
rename to src/sections/Kanvas/Kanvas-design/images/merge-design.gif
diff --git a/src/sections/Meshmap/Meshmap-design/images/plus-sign-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/plus-sign-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/plus-sign-colorMode.svg
rename to src/sections/Kanvas/Kanvas-design/images/plus-sign-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-design/images/share-design.gif b/src/sections/Kanvas/Kanvas-design/images/share-design.gif
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/share-design.gif
rename to src/sections/Kanvas/Kanvas-design/images/share-design.gif
diff --git a/src/sections/Meshmap/Meshmap-design/images/underline.svg b/src/sections/Kanvas/Kanvas-design/images/underline.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-design/images/underline.svg
rename to src/sections/Kanvas/Kanvas-design/images/underline.svg
diff --git a/src/sections/Kanvas/Kanvas-design/index.js b/src/sections/Kanvas/Kanvas-design/index.js
new file mode 100644
index 000000000000..f931646468c1
--- /dev/null
+++ b/src/sections/Kanvas/Kanvas-design/index.js
@@ -0,0 +1,28 @@
+import React from "react";
+import KanvasDesignWrapper from "./kanvas-design.style";
+import KanvasDesignBanner from "./kanvas-design-banner";
+import KanvasHeroSection from "./kanvas-design-hero";
+import KanvasIntegrationsSection from "./kanvas-design-integrations";
+import { KanvasMobileSwiper } from "./Kanvas_Mobile_swiper/KanvasMobileSwiper";
+import KanvasDesignFeatureCarousel from "./kanvas-design-features-carousel";
+
+import SignupForm from "../signup-form";
+import Reviews from "../../Pricing/review-slider";
+
+
+const KanvasDesign = () => {
+  return (
+    <KanvasDesignWrapper>
+      <KanvasDesignBanner />
+      <KanvasHeroSection />
+      {/* <DesignDefault /> */}
+      <KanvasIntegrationsSection/>
+      <KanvasMobileSwiper/>
+      <KanvasDesignFeatureCarousel />
+      <SignupForm />
+      <Reviews />
+    </KanvasDesignWrapper>
+  );
+};
+
+export default KanvasDesign;
diff --git a/src/sections/Meshmap/Meshmap-design/index.test.js b/src/sections/Kanvas/Kanvas-design/index.test.js
similarity index 68%
rename from src/sections/Meshmap/Meshmap-design/index.test.js
rename to src/sections/Kanvas/Kanvas-design/index.test.js
index 293b1fc35124..8e8fd5cbb5ab 100644
--- a/src/sections/Meshmap/Meshmap-design/index.test.js
+++ b/src/sections/Kanvas/Kanvas-design/index.test.js
@@ -1,7 +1,7 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
-import Meshmap from './index';
+import Kanvas from './index';
 it('Blog-sidebar renders without crashing', () => {
-  shallow(<Meshmap />);
+  shallow(<Kanvas />);
 });
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-banner.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
similarity index 98%
rename from src/sections/Meshmap/Meshmap-design/meshmap-design-banner.js
rename to src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
index 57d872e593e1..7443669a818b 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design-banner.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js
@@ -151,13 +151,13 @@ const DesignBannerWrapper = styled.div`
     }
 `;
 
-const MeshmapDesignBanner = () => {
+const KanvasDesignBanner = () => {
 
   return (
     <DesignBannerWrapper>
       {/* <BannerImage className="banner-image" alt="BannerImage"/> */}
       <div className="hero-text">
-        <h4>MeshMap</h4>
+        <h4>Kanvas</h4>
         <h2>Designer</h2>
         <p>Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Using GitOps? Integrate visual reviews into your pipeline.</p>
       </div>
@@ -173,4 +173,4 @@ const MeshmapDesignBanner = () => {
   );
 };
 
-export default MeshmapDesignBanner;
\ No newline at end of file
+export default KanvasDesignBanner;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-features-carousel.js
similarity index 90%
rename from src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js
rename to src/sections/Kanvas/Kanvas-design/kanvas-design-features-carousel.js
index c075bf55952a..46c0b65e989c 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-features-carousel.js
@@ -12,13 +12,13 @@ const CONTENT = [
     title: "Confidently make changes to your infrastructure",
     img: dragDrop,
     description:
-      "MeshMap automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.",
+      "Kanvas automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.",
   },
   {
     title: "Visualize and automate infrastructure understanding",
     img: mergeDesign,
     description:
-      "MeshMap helps automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.",
+      "Kanvaselps automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.",
   },
   {
     title: "Make working across services as easy as working across files",
@@ -116,7 +116,7 @@ const DivWrapper = styled.div`
   }
 `;
 
-export default function MeshmapDesignFeatureCarousel() {
+export default function KanvasDesignFeatureCarousel() {
   const [cardIndices, setCardIndices] = useState([
     ...Array(CONTENT.length).keys(),
   ]);
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-hero.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js
similarity index 75%
rename from src/sections/Meshmap/Meshmap-design/meshmap-design-hero.js
rename to src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js
index e1f079bd3b08..0fbdacf50a9c 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design-hero.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js
@@ -1,9 +1,9 @@
 import React from "react";
 import styled from "styled-components";
-import MeshmapLocatorLight from "./images/meshmap-locator-light.svg";
-import MeshmapLocatorDark from "./images/meshmap-locator-dark.svg";
-import MeshmapImageBottomLight from "./images/meshmap-bottom-image-light.svg";
-import MeshmapImageBottomDark from "./images/meshmap-bottom-image-dark.svg";
+import KanvasLocatorLight from "./images/kanvas-locator-light.svg";
+import KanvasLocatorDark from "./images/kanvas-locator-dark.svg";
+import KanvasImageBottomLight from "./images/kanvas-bottom-image-light.svg";
+import KanvasImageBottomDark from "./images/kanvas-bottom-image-dark.svg";
 import { useInView } from "react-intersection-observer";
 import { useState } from "react";
 import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
@@ -75,7 +75,7 @@ const HeroSectionWrapper = styled.div`
 `;
 
 
-const MeshmapHeroSection = () => {
+const KanvasHeroSection = () => {
   const [locatorRef, inView] = useInView({ threshold: 0.8 });
   const [imageInView, setimageInView] = useState(false);
   if (inView && !imageInView)
@@ -89,15 +89,15 @@ const MeshmapHeroSection = () => {
     <HeroSectionWrapper>
       <div className="hero-text">
         <h2><span>Design your infrastructure</span></h2>
-        <p>MeshMap is the world’s only visual designer for Kubernetes and cloud native applications. Design, deploy, and manage your Kubernetes-based, cloud native deployments allowing you to speed up infrastructure configuration.</p>
+        <p>Kanvasis the world’s only visual designer for Kubernetes and cloud native applications. Design, deploy, and manage your Kubernetes-based, cloud native deployments allowing you to speed up infrastructure configuration.</p>
       </div>
       <div className="hero-image">
-        <img className={imageInView ? "locator-moving" : "locator"} src={isDark ? MeshmapLocatorDark : MeshmapLocatorLight} alt="locator" />
-        <img className={imageInView ? "map map-visible" : "map"} src={isDark ? MeshmapImageBottomDark : MeshmapImageBottomLight} alt="integrations" ref={locatorRef} />
+        <img className={imageInView ? "locator-moving" : "locator"} src={isDark ? KanvasLocatorDark : KanvasLocatorLight} alt="locator" />
+        <img className={imageInView ? "map map-visible" : "map"} src={isDark ? KanvasImageBottomDark : KanvasImageBottomLight} alt="integrations" ref={locatorRef} />
       </div>
     </HeroSectionWrapper>
 
   );
 };
 
-export default MeshmapHeroSection;
\ No newline at end of file
+export default KanvasHeroSection;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js
similarity index 97%
rename from src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
rename to src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js
index 9048f5507915..197e1fd1a9c6 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js
@@ -90,7 +90,7 @@ const IntegrationsSectionWrapper = styled.div`
   }
 `;
 
-const MeshmapIntegrationsSection = () => {
+const KanvasIntegrationsSection = () => {
   const [diagramRef, inView] = useInView({ threshold: 0.6 });
   const [imageInView, setimageInView] = useState(false);
 
@@ -155,4 +155,4 @@ const MeshmapIntegrationsSection = () => {
   );
 };
 
-export default MeshmapIntegrationsSection;
+export default KanvasIntegrationsSection;
diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design.style.js b/src/sections/Kanvas/Kanvas-design/kanvas-design.style.js
similarity index 89%
rename from src/sections/Meshmap/Meshmap-design/meshmap-design.style.js
rename to src/sections/Kanvas/Kanvas-design/kanvas-design.style.js
index 5f869dbdb671..ff7fefc21362 100644
--- a/src/sections/Meshmap/Meshmap-design/meshmap-design.style.js
+++ b/src/sections/Kanvas/Kanvas-design/kanvas-design.style.js
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-const MeshmapDesignWrapper = styled.div`
+const KanvasDesignWrapper = styled.div`
 
   display: flex;
   flex-direction: column;
@@ -39,4 +39,4 @@ const MeshmapDesignWrapper = styled.div`
 
 `;
 
-export default MeshmapDesignWrapper;
+export default KanvasDesignWrapper;
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/application-import-arrows.svg b/src/sections/Kanvas/Kanvas-visualize/images/application-import-arrows.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/application-import-arrows.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/application-import-arrows.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/application-import-boxes.svg b/src/sections/Kanvas/Kanvas-visualize/images/application-import-boxes.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/application-import-boxes.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/application-import-boxes.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal-code.svg b/src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal-code.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal-code.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal-code.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal.svg b/src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/log-stream-search.svg b/src/sections/Kanvas/Kanvas-visualize/images/log-stream-search.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/log-stream-search.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/log-stream-search.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/log-stream.svg b/src/sections/Kanvas/Kanvas-visualize/images/log-stream.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/log-stream.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/log-stream.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/oval-blur-shape.svg b/src/sections/Kanvas/Kanvas-visualize/images/oval-blur-shape.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/oval-blur-shape.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/oval-blur-shape.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-bars.svg b/src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-bars.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-bars.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-bars.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-graph.svg b/src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-graph.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-graph.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-graph.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-dark.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-dark.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-light.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-light.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-light.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-colorMode.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-colorMode.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-dark.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-dark.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-light.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-light.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-light.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr-clock.svg b/src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr-clock.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr-clock.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr-clock.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr.svg b/src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-colorMode.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-colorMode.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-colorMode.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-colorMode.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-dark.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-dark.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-dark.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-dark.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-light.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-light.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-light.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-light.svg
diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-lines.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-lines.svg
similarity index 100%
rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-lines.svg
rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-lines.svg
diff --git a/src/sections/Kanvas/Kanvas-visualize/index.js b/src/sections/Kanvas/Kanvas-visualize/index.js
new file mode 100644
index 000000000000..ba6558c8bef6
--- /dev/null
+++ b/src/sections/Kanvas/Kanvas-visualize/index.js
@@ -0,0 +1,29 @@
+import React from "react";
+import KanvasVisualizeWrapper from "./kanvas-visualize.style";
+import KanvasVisualizeBanner from "./kanvas-visualize-banner";
+import KanvasVisualizerFeatures from "./kanvas-visualize-features";
+import KanvasVisualizerViews from "./kanvas-visualize-views";
+import BackgroundImage from "./images/oval-blur-shape.svg";
+import SignupForm from "../signup-form";
+import Reviews from "../../Pricing/review-slider";
+import { useRef } from "react";
+
+const KanvasVisualize = () => {
+  const targetRef = useRef(null);
+  return (
+    <KanvasVisualizeWrapper>
+      <div className="background-image">
+        <img src={BackgroundImage} alt="" />
+      </div>
+      <KanvasVisualizeBanner targetRef={targetRef} />
+      <KanvasVisualizerFeatures />
+      <KanvasVisualizerViews />
+      {/* <KanvasHeroSection /> */}
+      {/* <DesignDefault /> */}
+      <SignupForm targetRef={targetRef} />
+      <Reviews />
+    </KanvasVisualizeWrapper>
+  );
+};
+
+export default KanvasVisualize;
diff --git a/src/sections/Meshmap/Meshmap-visualize/index.test.js b/src/sections/Kanvas/Kanvas-visualize/index.test.js
similarity index 68%
rename from src/sections/Meshmap/Meshmap-visualize/index.test.js
rename to src/sections/Kanvas/Kanvas-visualize/index.test.js
index 293b1fc35124..8e8fd5cbb5ab 100644
--- a/src/sections/Meshmap/Meshmap-visualize/index.test.js
+++ b/src/sections/Kanvas/Kanvas-visualize/index.test.js
@@ -1,7 +1,7 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
-import Meshmap from './index';
+import Kanvas from './index';
 it('Blog-sidebar renders without crashing', () => {
-  shallow(<Meshmap />);
+  shallow(<Kanvas />);
 });
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-banner.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js
similarity index 94%
rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-banner.js
rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js
index f74f079ebc6e..76501fcec653 100644
--- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-banner.js
+++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js
@@ -83,7 +83,7 @@ const VisualizeBannerWrapper = styled.div`
     }
 `;
 
-const MeshmapVisualizeBanner = ({ targetRef }) => {
+const KanvasisualizeBanner = ({ targetRef }) => {
   const handleClick = () => {
     const offset = 100;
     const targetPos = targetRef.current.getBoundingClientRect().top + window.pageYOffset;
@@ -99,7 +99,7 @@ const MeshmapVisualizeBanner = ({ targetRef }) => {
         <div className="banner-text">
           <h1>Visualize your infrastructure </h1>
           <h4>See your designs <span>in action.</span> Operate with <span>best practices.</span></h4>
-          <Button primary className="join-community-button" title="Explore MeshMap Visualizer" url="" onClick={handleClick} />
+          <Button primary className="join-community-button" title="Explore Kanvasisualizer" url="" onClick={handleClick} />
         </div>
         {/* <div className="banner-image">
           <img src={BannerImage} alt="" />
@@ -109,4 +109,4 @@ const MeshmapVisualizeBanner = ({ targetRef }) => {
   );
 };
 
-export default MeshmapVisualizeBanner;
\ No newline at end of file
+export default KanvasisualizeBanner;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js
similarity index 99%
rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js
rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js
index 246c194eeb16..300ac8ab6618 100644
--- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js
+++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js
@@ -122,7 +122,7 @@ z-index: 10;
     }
 `;
 
-const MeshmapVisualizerFeatures = () => {
+const KanvasisualizerFeatures = () => {
   const [isHovered, setisHovered] = useState(false);
   const [hoveredFeature, sethoveredFeature] = useState("");
 
@@ -211,4 +211,4 @@ const MeshmapVisualizerFeatures = () => {
   );
 };
 
-export default MeshmapVisualizerFeatures;
\ No newline at end of file
+export default KanvasisualizerFeatures;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-views.js
similarity index 97%
rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js
rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-views.js
index 0c0671f7f8e1..f9d52995298e 100644
--- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js
+++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-views.js
@@ -112,7 +112,7 @@ const ViewsSectionWrapper = styled.div`
 
 `;
 
-const MeshmapVisualizerViews = () => {
+const KanvasVisualizerViews = () => {
   const [imageRef, inView] = useInView({ threshold: 0.4 });
   const [imageInView, setimageInView] = useState(false);
 
@@ -138,4 +138,4 @@ const MeshmapVisualizerViews = () => {
   );
 };
 
-export default MeshmapVisualizerViews;
\ No newline at end of file
+export default KanvasVisualizerViews;
\ No newline at end of file
diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize.style.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize.style.js
similarity index 90%
rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize.style.js
rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize.style.js
index f755d0088693..86a4b7a5830f 100644
--- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize.style.js
+++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize.style.js
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-const MeshmapVisualizeWrapper = styled.div`
+const KanvasVisualizeWrapper = styled.div`
 
   display: flex;
   flex-direction: column;
@@ -47,4 +47,4 @@ const MeshmapVisualizeWrapper = styled.div`
 
 `;
 
-export default MeshmapVisualizeWrapper;
+export default KanvasVisualizeWrapper;
diff --git a/src/sections/Meshmap/diagram/diagram.style.js b/src/sections/Kanvas/diagram/diagram.style.js
similarity index 100%
rename from src/sections/Meshmap/diagram/diagram.style.js
rename to src/sections/Kanvas/diagram/diagram.style.js
diff --git a/src/sections/Meshmap/features/features.style.js b/src/sections/Kanvas/features/features.style.js
similarity index 100%
rename from src/sections/Meshmap/features/features.style.js
rename to src/sections/Kanvas/features/features.style.js
diff --git a/src/sections/Meshmap/features/index.js b/src/sections/Kanvas/features/index.js
similarity index 100%
rename from src/sections/Meshmap/features/index.js
rename to src/sections/Kanvas/features/index.js
diff --git a/src/sections/Meshmap/images/MesheryCloud.svg b/src/sections/Kanvas/images/MesheryCloud.svg
similarity index 100%
rename from src/sections/Meshmap/images/MesheryCloud.svg
rename to src/sections/Kanvas/images/MesheryCloud.svg
diff --git a/src/sections/Meshmap/images/circles.svg b/src/sections/Kanvas/images/circles.svg
similarity index 100%
rename from src/sections/Meshmap/images/circles.svg
rename to src/sections/Kanvas/images/circles.svg
diff --git a/src/sections/Meshmap/images/collaborate1.svg b/src/sections/Kanvas/images/collaborate1.svg
similarity index 100%
rename from src/sections/Meshmap/images/collaborate1.svg
rename to src/sections/Kanvas/images/collaborate1.svg
diff --git a/src/sections/Meshmap/images/collaborate2.svg b/src/sections/Kanvas/images/collaborate2.svg
similarity index 100%
rename from src/sections/Meshmap/images/collaborate2.svg
rename to src/sections/Kanvas/images/collaborate2.svg
diff --git a/src/sections/Meshmap/images/datacenter-crash.svg b/src/sections/Kanvas/images/datacenter-crash.svg
similarity index 100%
rename from src/sections/Meshmap/images/datacenter-crash.svg
rename to src/sections/Kanvas/images/datacenter-crash.svg
diff --git a/src/sections/Meshmap/images/grid.svg b/src/sections/Kanvas/images/grid.svg
similarity index 100%
rename from src/sections/Meshmap/images/grid.svg
rename to src/sections/Kanvas/images/grid.svg
diff --git a/src/sections/Meshmap/images/link-arrow-dark.svg b/src/sections/Kanvas/images/link-arrow-dark.svg
similarity index 100%
rename from src/sections/Meshmap/images/link-arrow-dark.svg
rename to src/sections/Kanvas/images/link-arrow-dark.svg
diff --git a/src/sections/Meshmap/images/link-arrow.svg b/src/sections/Kanvas/images/link-arrow.svg
similarity index 100%
rename from src/sections/Meshmap/images/link-arrow.svg
rename to src/sections/Kanvas/images/link-arrow.svg
diff --git a/src/sections/Meshmap/images/meshery-cloud.svg b/src/sections/Kanvas/images/meshery-cloud.svg
similarity index 100%
rename from src/sections/Meshmap/images/meshery-cloud.svg
rename to src/sections/Kanvas/images/meshery-cloud.svg
diff --git a/src/sections/Meshmap/images/meshmap-draft-logos.webp b/src/sections/Kanvas/images/meshmap-draft-logos.webp
similarity index 100%
rename from src/sections/Meshmap/images/meshmap-draft-logos.webp
rename to src/sections/Kanvas/images/meshmap-draft-logos.webp
diff --git a/src/sections/Meshmap/index.js b/src/sections/Kanvas/index.js
similarity index 89%
rename from src/sections/Meshmap/index.js
rename to src/sections/Kanvas/index.js
index 60b3e1219f9f..b7e02adc60c6 100644
--- a/src/sections/Meshmap/index.js
+++ b/src/sections/Kanvas/index.js
@@ -1,13 +1,13 @@
 import React from "react";
-import MeshmapWrapper from "./meshmap.style";
+import KanvasWrapper from "./kanvas.style";
 import { Container } from "../../reusecore/Layout";
 import Features from "../../components/Features-carousel";
-import MeshmapModes from "./meshmap-modes";
-import Catalog from "./meshmap-catalog";
-import Platform from "./meshmap-platform";
-import MeshmapBanner from "./meshmap_banner";
-import designerImage from "../../assets/images/meshmap/MeshmapDesigner.webp";
-import visualizerImage from "../../assets/images/meshmap/MeshmapVisualizer.webp";
+import KanvasModes from "./kanvas-modes";
+import Catalog from "./kanvas-catalog";
+import Platform from "./kanvas-platform";
+import KanvasBanner from "./kanvas_banner";
+import designerImage from "../../assets/images/kanvas/KanvasDesigner.webp";
+import visualizerImage from "../../assets/images/kanvas/KanvasVisualizer.webp";
 import DesignerFeatures from "./FeaturesSection/Design/DesignerFeatures";
 import CollaboratorFeatures from "./FeaturesSection/Collaborate/CollaboratorFeatures";
 import VisualizerFeatures from "./FeaturesSection/Visualize/VisualizerFeatures";
@@ -37,16 +37,16 @@ import Alex from "../../sections/Pricing/reviews/alex-hokanson.jpeg";
 import TeaserModal from "../../components/TeaserModal";
 
 
-const Meshmap = (props) => {
+const Kanvas = (props) => {
 
   return (
-    <MeshmapWrapper>
+    <KanvasWrapper>
       <div >
         <Container>
-          <MeshmapBanner />
+          <KanvasBanner />
           <div className="mobile-modes">
             <Features
-              heading="MeshMap Modes"
+              heading="Kanvas Modes"
               features={[
                 {
                   title: "Designer Mode",
@@ -75,7 +75,7 @@ const Meshmap = (props) => {
               ]}
             />
           </div>
-          <MeshmapModes />
+          <KanvasModes />
 
           <DesignerFeatures
             features={
@@ -113,7 +113,7 @@ const Meshmap = (props) => {
           <InlineQuotes
             person="Kaur Kallas"
             title="Software Architect at Entigo"
-            quote="The fact that MeshMap automatically renders our Kubernetes configuration is a game-changer for our team."
+            quote="The fact that Kanvas automatically renders our Kubernetes configuration is a game-changer for our team."
             image={Kaur}/>
           <VisualizerFeatures
             features={
@@ -134,7 +134,7 @@ const Meshmap = (props) => {
                 },
               ]} />
           <InlineQuotes
-            quote="Guys, I love MeshMap! This tool is crazy!"
+            quote="Guys, I love Kanvas! This tool is crazy!"
             person="Ala Eddine BENHASSIR"
             title="Networks & Systems Engineer at AYRADE"
             image={Ala}/>
@@ -155,7 +155,7 @@ const Meshmap = (props) => {
                 },
                 // {
                 //   title: "Nothing great is made alone.",
-                //   description: "MeshMap connects everyone in the DevOps process so teams can deliver better products, faster."
+                //   description: "Kanvas connects everyone in the DevOps process so teams can deliver better products, faster."
                 // },
                 {
                   title: "Create. Iterate. Repeat.",
@@ -183,7 +183,7 @@ const Meshmap = (props) => {
                 // },
                 {
                   title: "Inclusive collaboration from start to finish",
-                  description: "MeshMap is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.",
+                  description: "Kanvas is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.",
                   imgContent: (
                     <>
                       <img id="avatar-3" src={Avatar3} alt="avatar-3" />
@@ -233,13 +233,13 @@ const Meshmap = (props) => {
                 },
               ]} />*/}
           <InlineQuotes
-            quote="MeshMap is unreal. Support for air-gapped deployments is all the better, too."
+            quote="Kanvas is unreal. Support for air-gapped deployments is all the better, too."
             person="Phillip Ulberg"
             title="Solutions Architect at Raymond James Financial, Inc."
             image={Phillip} />
           <Catalog />
           <InlineQuotes
-            quote="Do we like MeshMap? ABSOLUTELY! It addresses our primary concern of having a service mesh!"
+            quote="Do we like Kanvas? ABSOLUTELY! It addresses our primary concern of having a service mesh!"
             person="Alex"
             title="Infrastructure Engineering at Docker, Inc."
             image={Alex} />
@@ -250,10 +250,10 @@ const Meshmap = (props) => {
       </div>
       <>
         <Reviews />
-        <TeaserModal title="MeshMap Teaser" open={props?.teaser} />
+        <TeaserModal title="Kanvaseaser" open={props?.teaser} />
       </>
-    </MeshmapWrapper>
+    </KanvasWrapper>
   );
 };
 
-export default Meshmap;
\ No newline at end of file
+export default Kanvas;
\ No newline at end of file
diff --git a/src/sections/Meshmap/index.test.js b/src/sections/Kanvas/index.test.js
similarity index 68%
rename from src/sections/Meshmap/index.test.js
rename to src/sections/Kanvas/index.test.js
index 293b1fc35124..8e8fd5cbb5ab 100644
--- a/src/sections/Meshmap/index.test.js
+++ b/src/sections/Kanvas/index.test.js
@@ -1,7 +1,7 @@
 
 import React from 'react';
 import { shallow } from 'enzyme';
-import Meshmap from './index';
+import Kanvas from './index';
 it('Blog-sidebar renders without crashing', () => {
-  shallow(<Meshmap />);
+  shallow(<Kanvas />);
 });
\ No newline at end of file
diff --git a/src/sections/Meshmap/meshmap-catalog.js b/src/sections/Kanvas/kanvas-catalog.js
similarity index 86%
rename from src/sections/Meshmap/meshmap-catalog.js
rename to src/sections/Kanvas/kanvas-catalog.js
index dbc17ec04a6a..638050f39b69 100644
--- a/src/sections/Meshmap/meshmap-catalog.js
+++ b/src/sections/Kanvas/kanvas-catalog.js
@@ -1,25 +1,25 @@
 import React from "react";
 import styled from "styled-components";
-import Mutual_tls from "../../assets/images/meshmap/catalog-card-images/mutual-tls.svg";
-import Retries from "../../assets/images/meshmap/catalog-card-images/retries.svg";
-import Traces from "../../assets/images/meshmap/catalog-card-images/traces.svg";
-import Denial from "../../assets/images/meshmap/catalog-card-images/denial.svg";
-import Correlate_event from "../../assets/images/meshmap/catalog-card-images/correlate-event.svg";
-import Only_wagent from "../../assets/images/meshmap/catalog-card-images/only-wagent.svg";
-import Node_agent from "../../assets/images/meshmap/catalog-card-images/node-agent.svg";
-import Single_tenant from "../../assets/images/meshmap/catalog-card-images/single-tenant.svg";
-import Pre_provison from "../../assets/images/meshmap/catalog-card-images/pre-provision.svg";
-import Circuit_breaker from "../../assets/images/meshmap/catalog-card-images/circuit-breaker.svg";
-import Retry_deadline from "../../assets/images/meshmap/catalog-card-images/retry-deadline.svg";
-import Singleton from "../../assets/images/meshmap/catalog-card-images/singleton.svg";
-import Jwt_transformer from "../../assets/images/meshmap/catalog-card-images/jwt.svg";
-import Multicluster from "../../assets/images/meshmap/catalog-card-images/multicluster.svg";
-import Http_metrics from "../../assets/images/meshmap/catalog-card-images/http.svg";
+import Mutual_tls from "../../assets/images/kanvas/catalog-card-images/mutual-tls.svg";
+import Retries from "../../assets/images/kanvas/catalog-card-images/retries.svg";
+import Traces from "../../assets/images/kanvas/catalog-card-images/traces.svg";
+import Denial from "../../assets/images/kanvas/catalog-card-images/denial.svg";
+import Correlate_event from "../../assets/images/kanvas/catalog-card-images/correlate-event.svg";
+import Only_wagent from "../../assets/images/kanvas/catalog-card-images/only-wagent.svg";
+import Node_agent from "../../assets/images/kanvas/catalog-card-images/node-agent.svg";
+import Single_tenant from "../../assets/images/kanvas/catalog-card-images/single-tenant.svg";
+import Pre_provison from "../../assets/images/kanvas/catalog-card-images/pre-provision.svg";
+import Circuit_breaker from "../../assets/images/kanvas/catalog-card-images/circuit-breaker.svg";
+import Retry_deadline from "../../assets/images/kanvas/catalog-card-images/retry-deadline.svg";
+import Singleton from "../../assets/images/kanvas/catalog-card-images/singleton.svg";
+import Jwt_transformer from "../../assets/images/kanvas/catalog-card-images/jwt.svg";
+import Multicluster from "../../assets/images/kanvas/catalog-card-images/multicluster.svg";
+import Http_metrics from "../../assets/images/kanvas/catalog-card-images/http.svg";
 
 import Wasm from "../../assets/images/webassembly/webssembly_icon.svg";
 import Patterns from "../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
-import Ebpf from "../../assets/images/meshmap/ebpf.svg";
-import Opa from "../../assets/images/meshmap/opa.svg";
+import Ebpf from "../../assets/images/kanvas/ebpf.svg";
+import Opa from "../../assets/images/kanvas/opa.svg";
 import { Container } from "../../reusecore/Layout";
 
 const CatalogWrapper = styled.div`
@@ -423,7 +423,7 @@ const Catalog = () => {
       <Container className="catalog-container">
         <div className="patterns">
           <p className="caption descr">
-          MeshMap is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates.
+          Kanvass a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates.
           </p>
         </div>
       </Container>
diff --git a/src/sections/Meshmap/meshmap-icon.svg b/src/sections/Kanvas/kanvas-icon.svg
similarity index 100%
rename from src/sections/Meshmap/meshmap-icon.svg
rename to src/sections/Kanvas/kanvas-icon.svg
diff --git a/src/sections/Meshmap/meshmap-modes.js b/src/sections/Kanvas/kanvas-modes.js
similarity index 89%
rename from src/sections/Meshmap/meshmap-modes.js
rename to src/sections/Kanvas/kanvas-modes.js
index 247ed3214421..782289fde652 100644
--- a/src/sections/Meshmap/meshmap-modes.js
+++ b/src/sections/Kanvas/kanvas-modes.js
@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import styled from "styled-components";
-import designerImage from "../../assets/images/meshmap/MeshmapDesigner.webp";
-import visualizerImage from "../../assets/images/meshmap/MeshmapVisualizer.webp";
+import designerImage from "../../assets/images/kanvas/KanvasDesigner.webp";
+import visualizerImage from "../../assets/images/kanvas/KanvasVisualizer.webp";
 
-const MeshmapModesWrapper = styled.div`
+const KanvasModesWrapper = styled.div`
   margin-top: 0.1rem;
 
   p.caption {
@@ -242,18 +242,18 @@ const MeshmapModesWrapper = styled.div`
 
 `;
 
-const MeshmapModes = () => {
+const KanvasModes = () => {
   const [designerEnlarged, setDesignerEnlarged] = useState(false);
   const [vizEnlarged, setVizEnlarged] = useState(false);
 
   return (
-    <MeshmapModesWrapper>
+    <KanvasModesWrapper>
       {/* <h1 className="heading">Choose Your Mode</h1> */}
       {/* <p className="caption"> */}
       {/* Discover and Visualize - any and all of your cloud native infra and apps. */}
       {/* Collaboratively design and manage your Kubernetes clusters, service mesh deployments, and cloud native apps. */}
       {/* </p> */}
-      {/* MeshMap supports 10+ service meshes. */}
+      {/* Kanvassupports 10+ service meshes. */}
       <section className="modes-wrapper">
         <div className="mode">
           <div className="mode-name">
@@ -261,7 +261,7 @@ const MeshmapModes = () => {
           </div>
           <div className="content">
             <h1>Discover and model your cloud native deployments</h1>
-            <img src={designerImage} alt="MeshMap Designer" onClick={() => setDesignerEnlarged(!designerEnlarged)} className={`designer-img ${designerEnlarged ? "big" : "small"}`} />
+            <img src={designerImage} alt="Kanvas Designer" onClick={() => setDesignerEnlarged(!designerEnlarged)} className={`designer-img ${designerEnlarged ? "big" : "small"}`} />
             <p>
               Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Using GitOps? Integrate advanced performance analysis into your pipeline.
             </p>
@@ -274,7 +274,7 @@ const MeshmapModes = () => {
           </div>
           <div className="content">
             <h1>Apply patterns and manage many Kubernetes clusters</h1>
-            <img src={visualizerImage} alt="MeshMap Visualizer" onClick={() => setVizEnlarged(!vizEnlarged)} className={vizEnlarged ? "big" : "small"} />
+            <img src={visualizerImage} alt="Kanvas Visualizer" onClick={() => setVizEnlarged(!vizEnlarged)} className={vizEnlarged ? "big" : "small"} />
             <p>
               Deploy designs, apply patterns, manage and operate your deployments in real-time. Bring all your Kubernetes clusters under a common point of management. Interactively connect to terminal sessions or initiate and search log streams from your containers.
             </p>
@@ -290,13 +290,13 @@ const MeshmapModes = () => {
           <div className="content">
             <h1>Deploy your cloud native infrastructure</h1>
             <img src={catalog} alt="Catalog" />
-            <p>Create and share your own Kubernetes deployments and <Link to="/learn/service-mesh-books/service-mesh-patterns">service mesh patterns</Link> in MeshMap Designer or import from the catalog. </p>
+            <p>Create and share your own Kubernetes deployments and <Link to="/learn/service-mesh-books/service-mesh-patterns">service mesh patterns</Link> in KanvasDesigner or import from the catalog. </p>
           </div>
         </div>
       </section> */}
-    </MeshmapModesWrapper>
+    </KanvasModesWrapper>
   );
 };
 
-export default MeshmapModes;
+export default KanvasModes;
 
diff --git a/src/sections/Meshmap/meshmap-newicon.svg b/src/sections/Kanvas/kanvas-newicon.svg
similarity index 100%
rename from src/sections/Meshmap/meshmap-newicon.svg
rename to src/sections/Kanvas/kanvas-newicon.svg
diff --git a/src/sections/Meshmap/meshmap-platform.js b/src/sections/Kanvas/kanvas-platform.js
similarity index 80%
rename from src/sections/Meshmap/meshmap-platform.js
rename to src/sections/Kanvas/kanvas-platform.js
index 29176ff9cfbd..cd9b485c7cbe 100644
--- a/src/sections/Meshmap/meshmap-platform.js
+++ b/src/sections/Kanvas/kanvas-platform.js
@@ -116,7 +116,7 @@ const Platform = () => {
     <PlatformWrapper>
       <h2 className="heading">Choose Your Deployment Model</h2>
       <p className="caption">
-        Get MeshMap where you need it.
+        Get Kanvas where you need it.
       </p>
       <div className="mobile-modes">
         <Features
@@ -125,11 +125,11 @@ const Platform = () => {
             {
               title: "Self-hosted",
               description:
-                "Keep your MeshMap designs internal to your workplace. Get remote support from Layer5 when you need it.",
+                "Keep your Kanvas designs internal to your workplace. Get remote support from Layer5 when you need it.",
               content: (
                 <img
                   src={SelfHosted}
-                  alt="MeshMap Self-hosted"
+                  alt="Kanvas Self-hosted"
                   className="modes-image"
                 />
               ),
@@ -137,11 +137,11 @@ const Platform = () => {
             {
               title: "Cloud",
               description:
-                "Connect to Layer5 Cloud and have your MeshMap designs versioned and available for team sharing and real-time collaboration.",
+                "Connect to Layer5 Cloud and have your Kanvas designs versioned and available for team sharing and real-time collaboration.",
               content: (
                 <img
                   src={CloudHosted}
-                  alt="MeshMap Cloud"
+                  alt="Kanvas Cloud"
                   className="modes-image"
                 />
               ),
@@ -153,16 +153,16 @@ const Platform = () => {
       <div className="blocks">
         <div className="block block--left">
           <h1>Self-Hosted</h1>
-          <img src={SelfHosted} alt="MeshMap Self-hosted" />
+          <img src={SelfHosted} alt="Kanvas Self-hosted" />
           <p>
-            Keep your MeshMap designs internal to your workplace. Get remote support from Layer5 when you need it.
+            Keep your Kanvas designs internal to your workplace. Get remote support from Layer5 when you need it.
           </p>
         </div>
         <div className="block block--right">
           <h1>Cloud</h1>
-          <img src={CloudHosted} alt="MeshMap Cloud" />
+          <img src={CloudHosted} alt="Kanvas Cloud" />
           <p>
-            Connect to Layer5 Cloud and have your MeshMap designs versioned and available for team sharing and real-time collaboration.
+            Connect to Layer5 Cloud and have your Kanvasdesigns versioned and available for team sharing and real-time collaboration.
           </p>
         </div>
       </div>
diff --git a/src/sections/Meshmap/meshmap.style.js b/src/sections/Kanvas/kanvas.style.js
similarity index 96%
rename from src/sections/Meshmap/meshmap.style.js
rename to src/sections/Kanvas/kanvas.style.js
index 5336e8984f01..15154065a66a 100644
--- a/src/sections/Meshmap/meshmap.style.js
+++ b/src/sections/Kanvas/kanvas.style.js
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-const MeshmapWrapper = styled.div`
+const KanvasWrapper = styled.div`
 
   display: flex;
   flex-direction: column;
@@ -86,4 +86,4 @@ const MeshmapWrapper = styled.div`
 
 `;
 
-export default MeshmapWrapper;
+export default KanvasWrapper;
diff --git a/src/sections/Meshmap/meshmap_banner.js b/src/sections/Kanvas/kanvas_banner.js
similarity index 93%
rename from src/sections/Meshmap/meshmap_banner.js
rename to src/sections/Kanvas/kanvas_banner.js
index 6ad2b8c91bb1..78e3ddbf9041 100644
--- a/src/sections/Meshmap/meshmap_banner.js
+++ b/src/sections/Kanvas/kanvas_banner.js
@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import MeshmapIcon from "./meshmap-icon.svg";
+import KanvasIcon from "./kanvas-icon.svg";
 
 const BannerSectionWrapper = styled.div`
 
@@ -91,7 +91,7 @@ const BannerSectionWrapper = styled.div`
         }
     }
 
-    .meshmap-logo {
+    .kanvas-logo {
         width: 14rem;
         overflow: hidden;
         margin-top: -7rem;
@@ -116,7 +116,7 @@ const BannerSectionWrapper = styled.div`
     }
 
     @media screen and (max-width: 1700px) {
-        .meshmap-logo {
+        .kanvas-logo {
             width: 12rem;
             /* right: 12rem; */
             /* margin-top: -5rem; */
@@ -126,7 +126,7 @@ const BannerSectionWrapper = styled.div`
         }
     }
     @media screen and (max-width: 1200px) {
-        .meshmap-logo {
+        .kanvas-logo {
             left: 20%;
             width: 10rem;
             /* right: 8rem; */
@@ -135,7 +135,7 @@ const BannerSectionWrapper = styled.div`
         /* border-radius: 0% 85% 0% 0% / 0% 60% 0% 0% ; */
     }
     @media screen and (max-width: 992px) {
-        .meshmap-logo {
+        .kanvas-logo {
             width: 8rem;
             margin-top: -2rem;
             left: 15%;
@@ -145,7 +145,7 @@ const BannerSectionWrapper = styled.div`
 
     @media screen and (max-width: 768px) {
         padding: 8rem 2rem 3rem;
-        .meshmap-logo {
+        .kanvas-logo {
             margin-top: -5rem;
             margin-right: 2rem;
             left: 7%;
@@ -154,7 +154,7 @@ const BannerSectionWrapper = styled.div`
         border-radius: 0% 85% 0% 0% / 0% 40% 0% 0% ;
         }
     @media screen and (max-width: 500px) {
-        .meshmap-logo {
+        .kanvas-logo {
             margin-top: -5rem;
             margin-right: 2rem;
             left: 0%;
@@ -163,7 +163,7 @@ const BannerSectionWrapper = styled.div`
         border-radius: 0% 85% 0% 0% / 0% 40% 0% 0% ;
         }
     @media screen and (max-width: 400px) {
-        .meshmap-logo {
+        .kanvas-logo {
             margin-top: -5rem;
             margin-right: 0;
             left: -20%;
@@ -178,7 +178,7 @@ const BannerSection = () => {
   return (
     <BannerSectionWrapper>
       <div className="banner-text">
-        {/* <PageHeader title="MeshMap" subtitle="take the blinders off" superscript="BETA" /> */}
+        {/* <PageHeader title="Kanvasubtitle="take the blinders off" superscript="BETA" /> */}
         <h2>Step aside, YAML</h2>
         <h1><span>Meshery</span> is here</h1>
         {/* <h3>the world's only visual designer for cloud native infrastructure.</h3> */}
@@ -192,8 +192,8 @@ const BannerSection = () => {
                 <h4><span>Collaborate and Design</span></h4>
                 any and all your cloud native infra and apps */}
       </div>
-      <div className="meshmap-logo">
-        <img src={MeshmapIcon} alt="Meshery Logo" />
+      <div className="kanvas-logo">
+        <img src={KanvasIcon} alt="Meshery Logo" />
         {/* <div className="accent-bubble">asdf</div> */}
       </div>
       {/* <h2 className="readyPlayer">Ready, Players?</h2> */}
diff --git a/src/sections/Meshmap/meshery-action.js b/src/sections/Kanvas/meshery-action.js
similarity index 97%
rename from src/sections/Meshmap/meshery-action.js
rename to src/sections/Kanvas/meshery-action.js
index 8f3e37ea6e37..73c01333d1cb 100644
--- a/src/sections/Meshmap/meshery-action.js
+++ b/src/sections/Kanvas/meshery-action.js
@@ -97,7 +97,7 @@ p.caption {
 const MesheryAction = () => {
   return (
     <MesheryWrapper>
-      <h2 className="heading">See MeshMap In-Action</h2>
+      <h2 className="heading">See Kanvasn-Action</h2>
       <p className="caption">
         Recently on-stage at...
       </p>
diff --git a/src/sections/Meshmap/signup-form.js b/src/sections/Kanvas/signup-form.js
similarity index 79%
rename from src/sections/Meshmap/signup-form.js
rename to src/sections/Kanvas/signup-form.js
index 081d79737872..85ebec50c168 100644
--- a/src/sections/Meshmap/signup-form.js
+++ b/src/sections/Kanvas/signup-form.js
@@ -10,7 +10,7 @@ const SignupFormWrapper = styled.div`
     flex-direction: column;
   }
 
-  .meshmap-video {
+  .kanvas-video {
     /* box-shadow: 0px 5px 5px 2px #b3b3b3; */
     height: 28rem;
     text-align: center;
@@ -31,20 +31,20 @@ const SignupForm = ({ targetRef }) => {
           <Row className="description">
             <Col lg={7} md={6} sm={12} className="desc-text">
               <h1 className="heading-1">Signup for</h1>
-              <h1 className="heading-2">MeshMap Beta</h1>
+              <h1 className="heading-2">Kanvas Beta</h1>
               <p className="desc-p">
                 Join the waiting list for participation in the beta program.
                 Your request for access will be processed as quickly as
                 possible. Due to the large influx of program participation
                 requests, it may take some time before system access is granted.
                 So that you can familiarize while you wait, the Layer5 team will
-                send you additional information about beta program, MeshMap
+                send you additional information about beta program, Kanvas
                 modes, and cloud native design patterns.
               </p>
-              <div className="meshmap-video">
-                {/* <p>Help choose the best logo for MeshMap:</p>
+              <div className="kanvas-video">
+                {/* <p>Help choose the best logo for Kanvas:</p>
                 <a target="_blank" href="https://twitter.com/layer5/status/1536832439833743363?s=20&t=oEDasGEBl8cvsA64P7NNTA" rel="noreferrer">
-                  <img src={MeshMapDrafts} alt="MeshMap Draft" /></a><br />
+                  <img src={KanvasDrafts} alt="Kanvas Draft" /></a><br />
                 <p><a target="_blank" href="https://twitter.com/layer5/status/1536832439833743363?s=20&t=oEDasGEBl8cvsA64P7NNTA" rel="noreferrer">Vote for your favorite design</a></p> */}
                 <iframe
                   width="95%"
@@ -60,10 +60,10 @@ const SignupForm = ({ targetRef }) => {
             <Col lg={5} md={6} sm={12} style={{ padding: "0" }}>
               <CommonForm
                 title="Join the Beta Program"
-                form="meshmap"
-                account_desc="Selected beta program participants will receive a free Layer5 Cloud account and have full access MeshMap enabled for each of the following user accounts that you provide. Please provide at least one account."
-                submit_title="Thank you for your interest in Layer5 MeshMap!"
-                submit_body="You are now signed up for the Layer5 MeshMap beta program and your position on the waiting list is confirmed. Please patiently await your acceptance and start of the beta program. We are working through a growing waitlist"
+                form="kanvas"
+                account_desc="Selected beta program participants will receive a free Layer5 Cloud account and have full access Kanvas enabled for each of the following user accounts that you provide. Please provide at least one account."
+                submit_title="Thank you for your interest in Layer5 Kanvas!"
+                submit_body="You are now signed up for the Layer5 Kanvaseta program and your position on the waiting list is confirmed. Please patiently await your acceptance and start of the beta program. We are working through a growing waitlist"
               />
             </Col>
           </Row>
diff --git a/src/sections/Meshmap/use-viewport-size.js b/src/sections/Kanvas/use-viewport-size.js
similarity index 100%
rename from src/sections/Meshmap/use-viewport-size.js
rename to src/sections/Kanvas/use-viewport-size.js
diff --git a/src/sections/Kubernetes-Diagram/diagram.js b/src/sections/Kubernetes-Diagram/diagram.js
index 5763227e0235..3fba7afda4ea 100644
--- a/src/sections/Kubernetes-Diagram/diagram.js
+++ b/src/sections/Kubernetes-Diagram/diagram.js
@@ -179,7 +179,7 @@ const Kubernetes = () => {
             <p className="caption">
               Instantly search for and find any integration that CNCF supports and drop on the canvas to create your cloud native infrastructure. MeshMap allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!
             </p>
-            <Link className="link" href="/cloud-native-management/meshmap/design">Learn more &rarr;</Link>
+            <Link className="link" href="/cloud-native-management/kanvas/design">Learn more &rarr;</Link>
           </Col>
         </Row>
         <Row className="catalog">
diff --git a/src/sections/Meshery/Features-Col/data/index.js b/src/sections/Meshery/Features-Col/data/index.js
index 1ebb2e66b275..1bdc0b50c1eb 100644
--- a/src/sections/Meshery/Features-Col/data/index.js
+++ b/src/sections/Meshery/Features-Col/data/index.js
@@ -92,7 +92,7 @@ const LifecycleFeature = () => {
         className: "--on",
       },
       {
-        content: "Visualize and dry-run your deployment with MeshMap",
+        content: "Visualize and dry-run your deployment with Kanvas",
         className: "--on",
       },
       {
diff --git a/src/sections/Meshery/Meshery-features/index.js b/src/sections/Meshery/Meshery-features/index.js
index 626f6f86facd..64f44de5a5d6 100644
--- a/src/sections/Meshery/Meshery-features/index.js
+++ b/src/sections/Meshery/Meshery-features/index.js
@@ -128,7 +128,7 @@ const MesheryFeatures = () => {
                 <div className="feature-expose-full">
                   <StaticImage src={img7} alt="Meshery, Docker Extension for Meshery" loading="lazy" />
                   <p>
-                  From the convenience of your Docker Desktop interface, connect Meshery with your Kubernetes cluster. Watch as MeshSync discovers all of your Kuberentes clusters. Visually design your Docker-based infrastructure. Choose from hundreds of ready-made design patterns using Meshery Catalog. Use our no-code designer, MeshMap, to collaboratively design and operate your infra.
+                  From the convenience of your Docker Desktop interface, connect Meshery with your Kubernetes cluster. Watch as MeshSync discovers all of your Kuberentes clusters. Visually design your Docker-based infrastructure. Choose from hundreds of ready-made design patterns using Meshery Catalog. Use our no-code designer, Kanvas to collaboratively design and operate your infra.
                   </p>
                 </div>
               ),
diff --git a/src/sections/Meshery/Meshery-quotes/index.js b/src/sections/Meshery/Meshery-quotes/index.js
index b05d02ab8dab..cc1cf045ce55 100644
--- a/src/sections/Meshery/Meshery-quotes/index.js
+++ b/src/sections/Meshery/Meshery-quotes/index.js
@@ -21,7 +21,7 @@ const MesheryQuotesWrapper = styled.div`
 //   {
 //     name: "Jason S.",
 //     position: "Site Reliability Engineer",
-//     quote: "Huge fan of MeshMap. It doesn't get any more intuitive than this."
+//     quote: "Huge fan of Kanvas. It doesn't get any more intuitive than this."
 //   },
 //   {
 //     name: "Shane W.",
diff --git a/src/sections/Meshmap/Meshmap-design/index.js b/src/sections/Meshmap/Meshmap-design/index.js
deleted file mode 100644
index 2cc0a40c0982..000000000000
--- a/src/sections/Meshmap/Meshmap-design/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from "react";
-import MeshmapDesignWrapper from "./meshmap-design.style";
-import MeshmapDesignBanner from "./meshmap-design-banner";
-import MeshmapHeroSection from "./meshmap-design-hero";
-import MeshmapIntegrationsSection from "./meshmap-design-integrations";
-import { MeshmapMobileSwiper } from "./Meshmap_Mobile_swiper/MeshmapMobileSwiper";
-import MeshmapDesignFeatureCarousel from "./meshmap-design-features-carousel";
-
-import SignupForm from "../signup-form";
-import Reviews from "../../Pricing/review-slider";
-
-
-const MeshmapDesign = () => {
-  return (
-    <MeshmapDesignWrapper>
-      <MeshmapDesignBanner />
-      <MeshmapHeroSection />
-      {/* <DesignDefault /> */}
-      <MeshmapIntegrationsSection/>
-      <MeshmapMobileSwiper/>
-      <MeshmapDesignFeatureCarousel />
-      <SignupForm />
-      <Reviews />
-    </MeshmapDesignWrapper>
-  );
-};
-
-export default MeshmapDesign;
diff --git a/src/sections/Meshmap/Meshmap-visualize/index.js b/src/sections/Meshmap/Meshmap-visualize/index.js
deleted file mode 100644
index c22a88910d02..000000000000
--- a/src/sections/Meshmap/Meshmap-visualize/index.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from "react";
-import MeshmapVisualizeWrapper from "./meshmap-visualize.style";
-import MeshmapVisualizeBanner from "./meshmap-visualize-banner";
-import MeshmapVisualizerFeatures from "./meshmap-visualize-features";
-import MeshmapVisualizerViews from "./meshmap-visualize-views";
-import BackgroundImage from "./images/oval-blur-shape.svg";
-import SignupForm from "../signup-form";
-import Reviews from "../../Pricing/review-slider";
-import { useRef } from "react";
-
-const MeshmapVisualize = () => {
-  const targetRef = useRef(null);
-  return (
-    <MeshmapVisualizeWrapper>
-      <div className="background-image">
-        <img src={BackgroundImage} alt="" />
-      </div>
-      <MeshmapVisualizeBanner targetRef={targetRef} />
-      <MeshmapVisualizerFeatures />
-      <MeshmapVisualizerViews />
-      {/* <MeshmapHeroSection /> */}
-      {/* <DesignDefault /> */}
-      <SignupForm targetRef={targetRef} />
-      <Reviews />
-    </MeshmapVisualizeWrapper>
-  );
-};
-
-export default MeshmapVisualize;
diff --git a/src/sections/Playground/playground-features.js b/src/sections/Playground/playground-features.js
index f4b83a2bdb60..8f06acb55024 100644
--- a/src/sections/Playground/playground-features.js
+++ b/src/sections/Playground/playground-features.js
@@ -100,7 +100,7 @@ const PlaygroundFeatures = () => {
         <div className="feature-text">
           <h2>Brainstorm with Comments </h2>
           <h5>Playground’s Designer Mode offers a powerful collaboration feature through comments.</h5>
-          <Button url="/cloud-native-management/meshmap/collaborate/peer-reviews" style={{ marginTop: "1.5rem" }}>
+          <Button url="/cloud-native-management/kanvas/collaborate/peer-reviews" style={{ marginTop: "1.5rem" }}>
             Learn more
           </Button>
         </div>
diff --git a/src/sections/Pricing/data.js b/src/sections/Pricing/data.js
index ecd323755750..90838de228b1 100644
--- a/src/sections/Pricing/data.js
+++ b/src/sections/Pricing/data.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { GiCheckMark } from "@react-icons/all-files/gi/GiCheckMark";
 import { MdClose } from "@react-icons/all-files/md/MdClose";
-import MeshMap from "./icons/meshmap-icon.svg";
+import Kanvas from "./icons/kanvas-icon.svg";
 import Support from "./icons/support.svg";
 import Collab from "./icons/collaboration.svg";
 import Lifecycle from "./icons/lifecycle.svg";
@@ -112,8 +112,8 @@ export const details = [
   },
   {
     id: 3,
-    category: "MeshMap",
-    icon: MeshMap,
+    category: "Kanvas",
+    icon: Kanvas,
     features: [
       {
         feature: "Service Performance",
@@ -264,7 +264,7 @@ export const details = [
       },
       {
         feature: "Add-ons",
-        description: "Access a variety of third-party applications, right from MeshMap. Send a message to Slack, identify an on-duty team to page, or raise an alarm in Layer5 Cloud.",
+        description: "Access a variety of third-party applications, right from Kanvas. Send a message to Slack, identify an on-duty team to page, or raise an alarm in Layer5 Cloud.",
         free: <MdClose className="no-icon" />,
         team: <MdClose className="no-icon" />,
         enterprise: <GiCheckMark className="yes-icon" />,
@@ -369,7 +369,7 @@ export const details = [
       },
       {
         feature: "Traffic Replay",
-        description: "Visual event replay in MeshMap",
+        description: "Visual event replay in Kanvas",
         free: <MdClose className="no-icon" />,
         team: <MdClose className="no-icon" />,
         enterprise: <GiCheckMark className="yes-icon" />,
@@ -472,7 +472,7 @@ export const options = [
       { id: 9, category: "Comparative Testing", description: "Detect real-time anomalies and Historical views: Infrastructure-centric." },
       { id: 10, category: "Calendaring", description: "Get integration with GSuite and integration with Microsoft Outlook." },
       { id: 11, category: "Standard Support", description: "Layer5 Support can help you troubleshoot issues you run into while using Meshery. Get support via the web." },
-      { id: 12, category: "Add-ons", description: "Access a variety of third-party applications, right from MeshMap. Send a message to Slack, identify an on-duty team to page, or raise an alarm in Datadog." },
+      { id: 12, category: "Add-ons", description: "Access a variety of third-party applications, right from Kanvas. Send a message to Slack, identify an on-duty team to page, or raise an alarm in Datadog." },
     ]
   },
   {
@@ -488,7 +488,7 @@ export const options = [
       { id: 1, category: "Authentication: LDAP", description: "Access Meshery  using your existing accounts and centrally manage repository access." },
       { id: 2, category: "Authentication: SAML", description: "Use an identity provider to manage the identities of Meshery users and applications." },
       { id: 3, category: "Self-hosted Deployment", description: "Self-hosted Layer5 Cloud for on-prem appliances or self-managed cloud tenants." },
-      { id: 4, category: "Traffic Replay", description: "Visual event replay in MeshMap." },
+      { id: 4, category: "Traffic Replay", description: "Visual event replay in Kanvas." },
       { id: 5, category: "Certificate support in performance profiles", description: "Enable certificate support within performance profiles. Enhance security and performance by seamlessly integrating certificates into your profiles." },
       { id: 6, category: "Phone Support", description: "Layer5 Support can help you troubleshoot issues you run into while using Meshery. Get support via phone." },
       { id: 7, category: "Organization and Team Management", description: "Manage access to designs on a team-by-team, or individual user, basis." },
diff --git a/src/sections/Pricing/icons/meshmap-icon.svg b/src/sections/Pricing/icons/kanvas-icon.svg
similarity index 100%
rename from src/sections/Pricing/icons/meshmap-icon.svg
rename to src/sections/Pricing/icons/kanvas-icon.svg
diff --git a/src/sections/Pricing/review-slider.js b/src/sections/Pricing/review-slider.js
index 409c529cdb81..5acb8d09d61c 100644
--- a/src/sections/Pricing/review-slider.js
+++ b/src/sections/Pricing/review-slider.js
@@ -100,7 +100,7 @@ const Reviews = () => {
           />
           <Customers
             type="3"
-            quote="Guys, I love MeshMap! This tool is crazy!"
+            quote="Guys, I love Kanvas! This tool is crazy!"
             person="Ala Eddine BENHASSIR"
             title="Networks & Systems Engineer at AYRADE"
             image={Ala}
@@ -136,7 +136,7 @@ const Reviews = () => {
 
           <Customers
             type="3"
-            quote="The fact that MeshMap automatically renders our Kubernetes configuration is a game-changer for our team."
+            quote="The fact that Kanvas automatically renders our Kubernetes configuration is a game-changer for our team."
             person="Kaur Kallas"
             title="Software Architect at Entigo"
             image={Kaur}
@@ -146,7 +146,7 @@ const Reviews = () => {
             type="1"
             quote="It was an intuitive experience to visually place and configure various components saving the time of going through 10 different YAML files."
             person="Deepak Dinesh"
-            title="MeshMap User"
+            title="Kanvas User"
             image={Deepak}
           />
           <Customers
@@ -179,7 +179,7 @@ const Reviews = () => {
           />
           <Customers
             type="2"
-            quote="Do we like MeshMap? ABSOLUTELY! It addresses our primary concern of having a service mesh!"
+            quote="Do we like Kanvas? ABSOLUTELY! It addresses our primary concern of having a service mesh!"
             person="Alex"
             title="Infrastructure Engineering at Docker, Inc."
             image={Alex}
@@ -194,7 +194,7 @@ const Reviews = () => {
           <Customers
             quote="Meshery is an innovative tool for managing our multi-cluster and multi-cloud workloads."
             person="Hein Htet Win"
-            title="MeshMap User"
+            title="Kanvas User"
             image={Hein}
           />
           <Customers
diff --git a/src/sections/Products/index.js b/src/sections/Products/index.js
index fd98430b29bf..8365c6e5cd15 100644
--- a/src/sections/Products/index.js
+++ b/src/sections/Products/index.js
@@ -10,7 +10,7 @@ import codicon from "./images/codicon_extensions.svg";
 import mesheryLogo from "../../assets/images/meshery/icon-only/meshery-logo-light.svg";
 import cloudicon from "./images/cloud.svg";
 import layer5 from "../../assets/images/layer5/5 icon/svg/light/5-light-no-trim.svg";
-import meshmap from "../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import kanvas from "../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 import comingSoon from "./icons/coming-soon.webp";
 import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode";
 import PlanCard from "../../components/PlanCard";
@@ -146,7 +146,7 @@ const options = [
       {
         id: 4,
         category: "Traffic Replay",
-        description: "Visual event replay in MeshMap",
+        description: "Visual event replay in Kanvas",
       },
       {
         id: 5,
@@ -160,12 +160,12 @@ const options = [
 const CardsData = [
   {
     id: 1,
-    logo: meshmap,
-    title: "MeshMap",
+    logo: kanvas,
+    title: "Kanvas",
     icon: [codicon, desktop],
     text: "GitOps-infused cloud native visual designer for Kubernetes and cloud native infrastucture.",
     //as there is no soluton page.
-    url: "/cloud-native-management/meshmap"
+    url: "/cloud-native-management/kanvas"
   },
   {
     id: 2,
diff --git a/src/sections/Projects/Project-grid/index.js b/src/sections/Projects/Project-grid/index.js
index 806a2a32cdfd..e4b8634c55d5 100644
--- a/src/sections/Projects/Project-grid/index.js
+++ b/src/sections/Projects/Project-grid/index.js
@@ -5,7 +5,7 @@ import PageHeader from "../../../reusecore/PageHeader";
 // import ProudMaintainers from "../../../sections/Home/Proud-maintainers";
 import { ThemeManagerContext } from "../../../theme/app/ThemeManager";
 import { ProjectWrapper } from "./projectGrid.style";
-import MeshMapCTA from "../../meshmap-cta";
+import KanvasCTA from "../../kanvas-cta";
 
 import extension from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg";
 import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
@@ -16,7 +16,7 @@ import smp_light from "../../../assets/images/service-mesh-performance/icon/smp-
 import patterns from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
 import L5gray from "../../../assets/images/layer5/5 icon/svg/gray/5-gray-60.svg";
 import nighthawk from "../../../assets/images/nighthawk/icon-only/SVG/nighthawk-logo.svg";
-import meshmap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg";
+import kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg";
 import catalog from "../../../assets/images/catalog-icon/catalog.svg";
 import sistent from "../../../assets/images/sistent/sistent-logo.svg";
 import SoSpecial from "../../Home/So-Special-Section";
@@ -65,12 +65,12 @@ const ProjectPage = () => {
               </div>
             </Link>
             <Link
-              to="/cloud-native-management/meshmap"
+              to="/cloud-native-management/kanvas"
               className="project__card four"
             >
               <div className="project__card-container">
-                <img src={meshmap} alt="MeshMap" />
-                <h5>MeshMap</h5>
+                <img src={kanvas} alt="Kanvas" />
+                <h5>Kanvas</h5>
               </div>
             </Link>
             <Link
@@ -87,7 +87,7 @@ const ProjectPage = () => {
             </Link>
             {/* <Link to="/projects/service-mesh-interface-conformance"
               className="project__card nine">
-              <div className="project__card-container project__card-container_meshmap">
+              <div className="project__card-container project__card-container_kanvas">
                 <img src={smi} alt="Service Mesh Interface Conformance" />
                 <h5>Service Mesh Interface Conformance</h5>
               </div>
@@ -142,7 +142,7 @@ const ProjectPage = () => {
               </div>
             </Link> */}
           </div>
-          <MeshMapCTA />
+          <KanvasCTA />
         </Container>
       </div>
       {/* <ProudMaintainers /> */}
diff --git a/src/sections/Projects/Project-grid/projectGrid.style.js b/src/sections/Projects/Project-grid/projectGrid.style.js
index 767c1d48c9ea..f3ba5e14ebe9 100644
--- a/src/sections/Projects/Project-grid/projectGrid.style.js
+++ b/src/sections/Projects/Project-grid/projectGrid.style.js
@@ -108,8 +108,8 @@ export const ProjectWrapper = styled.div`
       margin-left: 2rem;
     }
   }
-  //MeshMap
-  .project__card-container_meshmap {
+  //Kanvas
+  .project__card-container_kanvas {
     justify-content: center;
     align-items: center;
     img {
diff --git a/src/sections/Projects/SMI/index.js b/src/sections/Projects/SMI/index.js
index 169d3f177416..6679337fca85 100644
--- a/src/sections/Projects/SMI/index.js
+++ b/src/sections/Projects/SMI/index.js
@@ -5,7 +5,7 @@ import React from "react";
 import SMIWrapper from "./smi.style";
 import { Row, Col, Container } from "../../../reusecore/Layout";
 import Button from "../../../reusecore/Button";
-import MeshMapCTA from "../../meshmap-cta";
+import KanvasTA from "../../kanvas-cta";
 
 import data from "./data";
 import c_icon from "./c-icon.svg";
@@ -111,7 +111,7 @@ const SMIPage = () => {
           </div>
         </div>
       </SMIWrapper>
-      <MeshMapCTA />
+      <KanvasTA />
     </>
   );
 };
diff --git a/src/sections/Projects/SMP/index.js b/src/sections/Projects/SMP/index.js
index ac272f4032c6..582f255a3c05 100644
--- a/src/sections/Projects/SMP/index.js
+++ b/src/sections/Projects/SMP/index.js
@@ -8,7 +8,7 @@ import { BgImage } from "gbimage-bridge";
 import SMPWrapper from "./smp.style";
 import { Row, Col, Container } from "../../../reusecore/Layout";
 import Button from "../../../reusecore/Button";
-import MeshMapCTA from "../../meshmap-cta";
+import KanvasCTA from "../../kanvas-cta";
 
 import example from "../../../assets/images/smp-page/service-mesh-performance-specification-example.gif";
 import smp from "../../../assets/images/smp-page/smp-white.svg";
@@ -160,7 +160,7 @@ const SMPPage = () => {
           <h4> Learn more about these initiatives</h4>
           <Button primary title="Learn More" url="https://smp-spec.io"></Button>
         </div>
-        <MeshMapCTA />
+        <KanvasCTA />
       </SMPWrapper>
     </>
   );
diff --git a/src/sections/Resources/Resource-single/index.js b/src/sections/Resources/Resource-single/index.js
index 33a99e8fe540..01fe9f2e9cc7 100644
--- a/src/sections/Resources/Resource-single/index.js
+++ b/src/sections/Resources/Resource-single/index.js
@@ -73,7 +73,7 @@ const ResourceSingle = ({ data }) => {
           </SRLWrapper>
 
           <CTA_Bottom
-            category={"MeshMap"}
+            category={"Kanvas"}
           />
 
           <div className="backBtn">
diff --git a/src/sections/Resources/Resources-grid/options.js b/src/sections/Resources/Resources-grid/options.js
index 2718213e4d95..3446e118e6a0 100644
--- a/src/sections/Resources/Resources-grid/options.js
+++ b/src/sections/Resources/Resources-grid/options.js
@@ -19,7 +19,7 @@ export const options =  [
     category: "Product",
     subdata: [
       { id: 0, value: "Meshery", label: "Meshery" },
-      { id: 1, value: "MeshMap", label: "MeshMap" },
+      { id: 1, value: "Kanvas", label: "Kanvas" },
       { id: 2, value: "Docker Extension", label: "Docker Extension" },
       { id: 3, value: "Service Mesh Performance", label: "SMP" },
       { id: 4, value: "Service Mesh Landscape", label: "Service Mesh Landscape" },
diff --git a/src/sections/gitops/PerformanceManagementPage.js b/src/sections/gitops/PerformanceManagementPage.js
index bec431b1c251..a4d03c38cbca 100644
--- a/src/sections/gitops/PerformanceManagementPage.js
+++ b/src/sections/gitops/PerformanceManagementPage.js
@@ -29,7 +29,7 @@ const PerformanceManagementPage = () => {
           </TextColumn>
           <ColumnContainer>
             <SmpLogo className="stack-logo" />
-            <img src={Cone} className="meshmap-stack-cone" />
+            <img src={Cone} className="kanvas-stack-cone" />
           </ColumnContainer>
         </ContentRow>
       </HeroContentContainerWrapper>
@@ -49,7 +49,7 @@ const PerformanceManagementPage = () => {
         <ContentRow>
           <ColumnContainer>
             <GithubLogo className="stack-logo" />
-            <img src={Cone} className="meshmap-stack-cone" />
+            <img src={Cone} className="kanvas-stack-cone" />
           </ColumnContainer>
 
           <TextColumn>
diff --git a/src/sections/gitops/SnapshotPage.js b/src/sections/gitops/SnapshotPage.js
index 64a2a3e674ba..e7131f5e7d1e 100644
--- a/src/sections/gitops/SnapshotPage.js
+++ b/src/sections/gitops/SnapshotPage.js
@@ -1,6 +1,6 @@
 import React from "react";
 import { PageWrapper,ContentContainerWrapper,HeroContentContainerWrapper, Heading, Description } from "./snapshot.style";
-import { ReactComponent as MeshMapStack } from "../../assets/images/meshmap/meshmap-light-stacked.svg";
+import { ReactComponent as KanvasStack } from "../../assets/images/kanvas/kanvas-light-stacked.svg";
 import Cone from "../../assets/images/gitops/conelight.svg";
 import GithubActionComment from "../../assets/images/gitops/GithubActionComment.png";
 import Button from "../../reusecore/Button";
@@ -25,8 +25,8 @@ const SnapshotPage = () => {
             <Button primary className="learn-more-btn" title="INSTALL" url="https://meshery.layer5.io/connect/github/new"/>
           </TextColumn>
           <ColumnContainer>
-            <MeshMapStack className="stack-logo" />
-            <img src={Cone} className="meshmap-stack-cone" />
+            <KanvasStack className="stack-logo" />
+            <img src={Cone} className="kanvas-stack-cone" />
           </ColumnContainer>
         </ContentRow>
       </HeroContentContainerWrapper>
@@ -46,14 +46,14 @@ const SnapshotPage = () => {
         <ContentRow>
           <TextColumn >
             <Heading>Using Meshery's Snapshot GitHub Action</Heading>
-            <SquarePoint>MeshMap Snapshot GitHub Action is available in the GitHub Marketplace.</SquarePoint>
-            <SquarePoint>Connect MeshMap to your GitHub repo and see changes pull request-to-pull request.</SquarePoint>
+            <SquarePoint>Kanvas Snapshot GitHub Action is available in the GitHub Marketplace.</SquarePoint>
+            <SquarePoint>Connect Kanvas to your GitHub repo and see changes pull request-to-pull request.</SquarePoint>
             <SquarePoint>You can configure this action to trigger with each of your releases, on every pull request.</SquarePoint>
           </TextColumn>
 
           <ColumnContainer>
-            <MeshMapStack className="stack-logo" />
-            <img src={Cone} className="meshmap-stack-cone" />
+            <KanvasStack className="stack-logo" />
+            <img src={Cone} className="kanvas-stack-cone" />
           </ColumnContainer>
         </ContentRow>
       </ContentContainerWrapper>
diff --git a/src/sections/gitops/gitops.style.js b/src/sections/gitops/gitops.style.js
index ba84eec334c0..45dec1a8cc52 100644
--- a/src/sections/gitops/gitops.style.js
+++ b/src/sections/gitops/gitops.style.js
@@ -21,7 +21,7 @@ export const GitOpsWrapper = styled.section`
     }
 
     svg {
-      .meshmap-light-stacked_svg__cls-1 {
+      .kanvas-light-stacked_svg__cls-1 {
         transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
         fill: ${props => props.theme.primaryColor};
       }
@@ -104,7 +104,7 @@ export const GitOpsWrapper = styled.section`
                    align-items: center;
                    justify-content: center;
 
-                   .meshmap-stack-hero {
+                   .kanvas-stack-hero {
                       position: absolute;
                       height: 80px;
                       animation: "floating 3s ease-in-out infinite";
@@ -114,13 +114,13 @@ export const GitOpsWrapper = styled.section`
                     height: 542px;
                     width: 465px;
 
-                    .meshmap-stack-hero {
+                    .kanvas-stack-hero {
                       height: 100px;
                     }
                   }
 
                   @media only screen and (min-width: 1280px) {
-                    .meshmap-stack-hero {
+                    .kanvas-stack-hero {
                       height: 150px;
                     }
                   }
diff --git a/src/sections/gitops/index.js b/src/sections/gitops/index.js
index 0546e370ed0b..3b4376084599 100644
--- a/src/sections/gitops/index.js
+++ b/src/sections/gitops/index.js
@@ -9,7 +9,7 @@ import SmpLogo_light from "../../assets/images/service-mesh-performance/icon/smp
 import Reviews from "../Pricing/review-slider";
 import Github_Dark from "../../assets/images/socialIcons/github-dark.svg";
 import Github_Light from "../../assets/images/socialIcons/github-light.svg";
-import { ReactComponent as MeshMapStack } from "../../assets/images/meshmap/meshmap-light-stacked.svg";
+import { ReactComponent as KanvasStack } from "../../assets/images/kanvas/kanvas-light-stacked.svg";
 import SquarePoint from "./SquarePoint";
 
 
@@ -29,7 +29,7 @@ const GitOpsPage = () => {
           </Col>
           <Col lg={6} md={6} className="hero-images">
             <div className="hero-image-container" >
-              <MeshMapStack className="meshmap-stack-hero" />
+              <KanvasStack className="kanvas-stack-hero" />
               <img src={Cone} />
             </div>
             <div className="hero-image-container">
@@ -75,9 +75,9 @@ const GitOpsPage = () => {
       <div className="content-container content-container-more-width">
         <Row className="content-row">
           <Col lg={6} md={6} className="desc-text-container">
-            <h1 className="heading-1">MeshMap GitHub Action</h1>
+            <h1 className="heading-1">Kanvas GitHub Action</h1>
             <SquarePoint>See your deployment before you merge</SquarePoint>
-            <SquarePoint>Connect MeshMap to your GitHub repo and see changes pull request-to-pull request</SquarePoint>
+            <SquarePoint>Connect Kanvas to your GitHub repo and see changes pull request-to-pull request</SquarePoint>
             <SquarePoint>Get snapshots of your infrastructure directly in your PRs</SquarePoint>
             <div className="buttons-container">
               <Button primary className="learn-more-btn" title="Install" url="https://meshery.layer5.io/connect/github/new"/>
@@ -86,7 +86,7 @@ const GitOpsPage = () => {
           </Col>
           <Col className="hero-image" lg={6} md={6} xs={12} sm={10} >
             <div className="image-container" >
-              <MeshMapStack className="logo" />
+              <KanvasStack className="logo" />
               <img src={Cone} className="cone-image" />
             </div>
           </Col>
diff --git a/src/sections/gitops/snapshot.style.js b/src/sections/gitops/snapshot.style.js
index 6d627da9ec7f..0bb389c3f95b 100644
--- a/src/sections/gitops/snapshot.style.js
+++ b/src/sections/gitops/snapshot.style.js
@@ -141,7 +141,7 @@ export const ColumnWrapper = styled(Col)`
             fill: ${props => props.theme.primaryColor};
             animation: ${floatAnim} 3.5s ease-in-out infinite;
 
-            .meshmap-light-stacked_svg__cls-1, .smp-light-text_svg__cls-6 {
+            .kanvas-light-stacked_svg__cls-1, .smp-light-text_svg__cls-6 {
                 transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
                 fill: ${props => props.theme.primaryColor};
             }
@@ -151,7 +151,7 @@ export const ColumnWrapper = styled(Col)`
             }
         }
 
-        .meshmap-stack-cone{
+        .kanvas-stack-cone{
             height: 300px;
 
              @media screen and (min-width: 768px) {
diff --git a/src/sections/meshmap-cta/index.js b/src/sections/kanvas-cta/index.js
similarity index 87%
rename from src/sections/meshmap-cta/index.js
rename to src/sections/kanvas-cta/index.js
index 8949f1cfc8ec..176ac64ca3e0 100644
--- a/src/sections/meshmap-cta/index.js
+++ b/src/sections/kanvas-cta/index.js
@@ -6,7 +6,7 @@ import Locator from "./locator.svg";
 import MesherySurface from "./meshery-surface.svg";
 import Button from "../../reusecore/Button";
 
-const MeshMapCTAWrapper = styled.div`
+const KanvasCTAWrapper = styled.div`
 .CTAbody {
   background: 
     linear-gradient(180deg, rgba(71,126,150,1) 0%, rgba(0,179,159,1) 100%);
@@ -90,9 +90,9 @@ const MeshMapCTAWrapper = styled.div`
 }  
 `;
 
-const MeshMapCTA = () => {
+const KanvasCTA = () => {
   return (
-    <MeshMapCTAWrapper>
+    <KanvasCTAWrapper>
       <Container>
         <div className="CTAbody">
           <div>
@@ -100,19 +100,19 @@ const MeshMapCTA = () => {
             <img className="surface" src={MesherySurface} />
           </div>
           <div className="text">
-            <h2><span>MeshMap</span> is here!</h2>
+            <h2><span>Kanvas</span> is here!</h2>
             <h3 className="subtext">Discover a catalog of best practice cloud native patterns.</h3>
-            <Button primary url="/meshmap" className="button" external={false}>
-              Try MeshMap Now!
+            <Button primary url="/kanvas" className="button" external={false}>
+              Try Kanvas Now!
             </Button>
 
           </div>
         </div>
 
       </Container>
-    </MeshMapCTAWrapper>
+    </KanvasCTAWrapper>
   );
 };
 
-export default MeshMapCTA;
+export default KanvasCTA;
 
diff --git a/src/sections/meshmap-cta/meshmap-icon-white.svg b/src/sections/kanvas-cta/kanvas-icon-white.svg
similarity index 100%
rename from src/sections/meshmap-cta/meshmap-icon-white.svg
rename to src/sections/kanvas-cta/kanvas-icon-white.svg
diff --git a/src/sections/meshmap-cta/locator.svg b/src/sections/kanvas-cta/locator.svg
similarity index 100%
rename from src/sections/meshmap-cta/locator.svg
rename to src/sections/kanvas-cta/locator.svg
diff --git a/src/sections/meshmap-cta/meshery-surface.svg b/src/sections/kanvas-cta/meshery-surface.svg
similarity index 100%
rename from src/sections/meshmap-cta/meshery-surface.svg
rename to src/sections/kanvas-cta/meshery-surface.svg
diff --git a/src/sections/z_other/Features/index.js b/src/sections/z_other/Features/index.js
index 137bbc42d8da..5a13a0b88b8f 100644
--- a/src/sections/z_other/Features/index.js
+++ b/src/sections/z_other/Features/index.js
@@ -82,7 +82,7 @@ const Features = () => {
               </div>
               <h3>Visual Topology</h3>
               <p>
-                Use <Link to="/meshmap" alt="Cloud Native Visual Map">MeshMap</Link> to quickly understand how your service mesh is functioning and to intuitively reconfigure and tune your mesh in accordance with the needs of your workloads.
+                Use <Link to="/kanvas" alt="Cloud Native Visual Map">Kanvas</Link> to quickly understand how your service mesh is functioning and to intuitively reconfigure and tune your mesh in accordance with the needs of your workloads.
               </p>
             </div>
           </Col>
diff --git a/src/theme/app/THEME.md b/src/theme/app/THEME.md
index c0c5401fb7aa..4bcc224ab4d6 100644
--- a/src/theme/app/THEME.md
+++ b/src/theme/app/THEME.md
@@ -87,7 +87,7 @@ OR
 
 - SVG or image uses transparent sections that change with the background color to work with either theme.
 
-[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/meshmap/icon-only/meshmap-icon.svg)
+[Example of SVG file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/kanvas/icon-only/kanvas-icon.svg)
 
 [Example of image file with transparent sections](https://github.com/layer5io/layer5/blob/master/src/assets/images/app/projects/meshery-logo-light.webp)
 
@@ -191,7 +191,7 @@ If possibe we wish to avoid using images dependent on the theme because we are r
 
 1. To change images or SVG as the image source, according to the theme, you have to import the hook `useStyledDarkMode` from the following [folder](https://github.com/layer5io/layer5/blob/master/src/theme/app/useStyledDarkMode.js), and then use the `isDark` value from `useStyledDarkMode` hook for the conditional.
 
-For example, you can view the code for [this file](https://github.com/layer5io/layer5/blob/master/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js).
+For example, you can view the code for [this file](https://github.com/layer5io/layer5/blob/master/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js).
 
 Here are the relevant parts of the code:
 
diff --git a/static/brand/meshmap-brand-kit.zip b/static/brand/kanvas-brand-kit.zip
similarity index 100%
rename from static/brand/meshmap-brand-kit.zip
rename to static/brand/kanvas-brand-kit.zip
diff --git a/static/case-studies/hpe-adoption-of-layer5-meshery-and-meshmap.pdf b/static/case-studies/hpe-adoption-of-layer5-meshery-and-kanvas.pdf
similarity index 100%
rename from static/case-studies/hpe-adoption-of-layer5-meshery-and-meshmap.pdf
rename to static/case-studies/hpe-adoption-of-layer5-meshery-and-kanvas.pdf
diff --git a/static/mail/2022/dockercon-2022-recap.html b/static/mail/2022/dockercon-2022-recap.html
index 31d0fb6f3305..d13080c44419 100644
--- a/static/mail/2022/dockercon-2022-recap.html
+++ b/static/mail/2022/dockercon-2022-recap.html
@@ -711,7 +711,7 @@ <h3 class="null" style="display: block;margin: 0;padding: 0;color: #444444;font-
                         
                         <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #0e2117;font-family: 'Qanelas Soft', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 15px;line-height: 150%;text-align: left;">
                         
-                            HashiCorp’s Consul service mesh provides unique functionality to its users. Meshery's visual designer, <a href="https://layer5.io/service-mesh-management/meshmap" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">MeshMap</a>, allows developers to visually configure and deploy Consul-based deployments and workloads, allowing them to fully understand Consul’s differientiated capabilities.<br>
+                            HashiCorp’s Consul service mesh provides unique functionality to its users. Meshery's visual designer, <a href="https://layer5.io/service-mesh-management/kanvas" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">Kanvas</a>, allows developers to visually configure and deploy Consul-based deployments and workloads, allowing them to fully understand Consul’s differientiated capabilities.<br>
 <br>
 The <a href="https://layer5.io/docker-extension-meshery" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">Meshery extension’s</a> ability to import Docker Compose apps, transform them to Kubernetes applications, and deploy them on Consul service meshes is a powerful enabler for microservices developers, who need to dev, test, and deploy their modern applications in context of and compatibility with Consul service mesh.&nbsp;
                         </td>
@@ -942,7 +942,7 @@ <h3 class="null" style="display: block;margin: 0;padding: 0;color: #444444;font-
     background-color: rgba(0,179,159,10%);
     ">
 <div style="text-align: center;">
-<p style="text-align: center;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #0e2117;font-family: 'Qanelas Soft', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 15px;line-height: 150%;">The new <a href="https://layer5.io/docker-extension-meshery" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">Meshery Docker Extension</a> brings Layer5 <a href="https://layer5.io/service-mesh-management/meshmap" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">MeshMap</a>, the world's only visual designer for Kubernetes and service mesh deployments, to the desktop of millions of developers. Prepare for a demonstration&nbsp;of the capabilities of <a href="https://layer5.io/service-mesh-management/meshmap" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">MeshMap</a>.</p>
+<p style="text-align: center;margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #0e2117;font-family: 'Qanelas Soft', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 15px;line-height: 150%;">The new <a href="https://layer5.io/docker-extension-meshery" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">Meshery Docker Extension</a> brings Layer5 <a href="https://layer5.io/service-mesh-management/kanvas" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">Kanvas</a>, the world's only visual designer for Kubernetes and service mesh deployments, to the desktop of millions of developers. Prepare for a demonstration&nbsp;of the capabilities of <a href="https://layer5.io/service-mesh-management/kanvas" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00b39f;font-weight: normal;text-decoration: none;">Kanvas</a>.</p>
 </div>
 </div>
 
diff --git a/static/mail/2023/feature-friday.html b/static/mail/2023/feature-friday.html
index 1ebfd4e07f98..13feb8255f2c 100644
--- a/static/mail/2023/feature-friday.html
+++ b/static/mail/2023/feature-friday.html
@@ -494,7 +494,7 @@ <h4 style="font-size: 1.75rem;font-style: italic;color: #7A848E;text-align: cent
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Import your WASM Envoy filters into Meshery using the&nbsp;UI or <a href="https://docs.meshery.io/reference/mesheryctl#data-plane-intelligence" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">CLI</span></a>.</li>
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Publish and clone your WASM Envoy filters in&nbsp;the <a href="https://meshery.io/catalog" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Meshery Catalog</span></a>.&nbsp;</li>
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Download WASM binaries from <a href="https://meshery.layer5.io/" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Layer5 Cloud</span></a>.</li>
-	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Design and deploy Istio and Envoy dataplanes in <a href="https://layer5.io/cloud-native-management/meshmap" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">MeshMap</span></a>.</li>
+	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Design and deploy Istio and Envoy dataplanes in <a href="https://layer5.io/cloud-native-management/kanvas" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><span style="color:#00D3A9">Kanvas</span></a>.</li>
 	<li data-stringify-border="0" data-stringify-indent="0" style="text-align: left;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Contribute to any of the 7 open source&nbsp;<a href="https://github.com/layer5io/wasm-filters" target="_blank" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #00d3a9;font-weight: normal;text-decoration: none;"><font color="#00d3a9">wasm-filters</font></a>.</li>
 </ul>