diff --git a/assets/icons/cloud.svg b/assets/icons/cloud.svg
new file mode 100644
index 00000000..49ec65e7
--- /dev/null
+++ b/assets/icons/cloud.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.73 141.73"><title>5-light-bg</title><rect id="_Path_" data-name="&lt;Path&gt;" x="79.63" y="23.97" width="36.93" height="17.79" style="fill:#00b39f"/><path id="_Path_2" data-name="&lt;Path&gt;" d="M119.92,83.9V76.53c0-8.49-7.14-15.37-15.94-15.37H44.38V56.31H22.56v21H98.1V83.9Z" style="fill:#00b39f"/><polygon id="_Path_3" data-name="&lt;Path&gt;" points="44.38 50.5 44.38 41.76 73.6 41.76 73.6 23.97 22.56 23.97 22.56 50.5 44.38 50.5" style="fill:#00d3a9"/><path id="_Path_4" data-name="&lt;Path&gt;" d="M98.1,89.62V100H68.88v17.79h36a14.77,14.77,0,0,0,15-14.49V89.62Z" style="fill:#00d3a9"/><path id="_Path_5" data-name="&lt;Path&gt;" d="M42.63,90.58V100H62.85v17.79h-26a14.77,14.77,0,0,1-15-14.49V90.58Z" style="fill:#00b39f"/></svg>
\ No newline at end of file
diff --git a/assets/icons/meshery.svg b/assets/icons/meshery.svg
new file mode 100644
index 00000000..038129bf
--- /dev/null
+++ b/assets/icons/meshery.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 207.46 207.57"><defs>  <style> .cls-1 { fill: #00d3a9;} .cls-2 {  fill: #00b39f; } </style></defs><polygon class="cls-1" points="106.83 48.92 106.83 98.49 149.79 73.62 106.83 48.92"/><polygon class="cls-1" points="106.83 108.86 106.83 158.67 150.19 133.88 106.83 108.86"/><polygon class="cls-2" points="100.64 98.15 100.64 49.34 58.21 73.66 100.64 98.15"/><path class="cls-2" d="m15.53,158.5c8.32,13.38,19.59,24.72,32.92,33.12v-52.18l-32.92,19.06Z"/><polygon class="cls-2" points="100.64 158.44 100.64 109.22 58.11 133.85 100.64 158.44"/><polygon class="cls-1" points="54.63 188.52 97.71 163.89 54.63 138.98 54.63 188.52"/><polygon class="cls-2" points="153.13 188.78 153.13 139.32 110.12 163.92 153.13 188.78"/><path class="cls-2" d="m195.27,152.75c7.16-13.35,11.48-28.44,12.17-44.48l-44.84,25.64,32.67,18.85Z"/><polygon class="cls-1" points="159.32 128.66 202.55 103.94 159.32 79.09 159.32 128.66"/><polygon class="cls-2" points="153.13 68.4 153.13 19.25 110.32 43.79 153.13 68.4"/><polygon class="cls-2" points="153.13 128.44 153.13 78.83 110.22 103.68 153.13 128.44"/><polygon class="cls-2" points="103.74 207.57 103.74 207.57 103.73 207.57 103.74 207.57"/><polygon class="cls-1" points="54.63 78.74 54.63 128.71 97.86 103.68 54.63 78.74"/><path class="cls-2" d="m100.64,0c-16.43.48-31.9,4.78-45.56,12.04l45.56,26.19V0Z"/><polygon class="cls-1" points="54.63 18.91 54.63 68.58 97.89 43.78 54.63 18.91"/><path class="cls-2" d="m48.44,15.89c-13.33,8.4-24.6,19.75-32.92,33.14l32.92,19V15.89Z"/><path class="cls-1" d="m152.85,12.28C139.08,4.88,123.44.49,106.83,0v38.66l46.02-26.38Z"/><path class="cls-1" d="m0,107.4c.57,16.52,4.99,32.06,12.41,45.75l33.34-19.3L0,107.4Z"/><path class="cls-1" d="m12.41,54.37C5.03,68,.61,83.46,0,99.9l45.79-26.25L12.41,54.37Z"/><path class="cls-2" d="m55,195.43c13.68,7.29,29.18,11.6,45.64,12.09v-38.18l-45.64,26.1Z"/><path class="cls-1" d="m192.04,49.16c-8.27-13.34-19.47-24.68-32.72-33.09v52.03l32.72-18.94Z"/><path class="cls-1" d="m159.32,191.44c13.32-8.46,24.59-19.88,32.87-33.33l-32.87-18.97v52.29Z"/><path class="cls-2" d="m207.46,99.63c-.64-16.28-5.02-31.6-12.32-45.12l-32.97,19.09,45.28,26.03Z"/><path class="cls-1" d="m106.83,207.52c16.42-.48,31.89-4.78,45.54-12.03l-45.54-26.33v38.36Z"/><polygon class="cls-2" points="48.44 128.26 48.44 79.26 5.88 103.66 48.44 128.26"/></svg>
\ No newline at end of file
diff --git a/assets/icons/meshmap.svg b/assets/icons/meshmap.svg
new file mode 100644
index 00000000..40567043
--- /dev/null
+++ b/assets/icons/meshmap.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><style>.cls-1{fill:#00d3a9;}.cls-2{fill:#00b39f;}</style></defs><polygon class="cls-1" points="203.49 341.54 203.49 355.9 251.84 348.7 203.49 341.54"/><polygon class="cls-1" points="203.49 358.91 203.49 373.34 252.29 366.15 203.49 358.91"/><polygon class="cls-2" points="196.53 355.8 196.53 341.66 148.77 348.71 196.53 355.8"/><path class="cls-2" d="M100.73,373.29c9.37,3.87,22.06,7.16,37.05,9.59V367.77Z"/><polygon class="cls-2" points="196.53 373.27 196.53 359.01 148.65 366.14 196.53 373.27"/><polygon class="cls-1" points="144.74 381.98 193.22 374.85 144.74 367.63 144.74 381.98"/><polygon class="cls-2" points="255.6 382.06 255.6 367.73 207.19 374.86 255.6 382.06"/><path class="cls-2" d="M303,371.62c8.06-3.86,12.92-8.24,13.7-12.88l-50.47,7.42Z"/><polygon class="cls-1" points="262.56 364.64 311.22 357.48 262.56 350.28 262.56 364.64"/><polygon class="cls-2" points="255.6 347.19 255.6 332.95 207.42 340.06 255.6 347.19"/><polygon class="cls-2" points="255.6 364.58 255.6 350.21 207.31 357.4 255.6 364.58"/><polygon class="cls-2" points="200.01 387.5 200.02 387.5 200 387.5 200.01 387.5"/><polygon class="cls-1" points="144.74 350.18 144.74 364.66 193.4 357.41 144.74 350.18"/><path class="cls-2" d="M196.53,327.37a405.78,405.78,0,0,0-51.27,3.49l51.27,7.59Z"/><polygon class="cls-1" points="144.74 332.85 144.74 347.24 193.44 340.06 144.74 332.85"/><path class="cls-2" d="M137.78,332c-15,2.43-27.69,5.72-37,9.6l37.05,5.5Z"/><path class="cls-1" d="M255.28,330.93a403.41,403.41,0,0,0-51.79-3.56v11.2Z"/><path class="cls-1" d="M83.26,358.48c.64,4.79,5.62,9.29,14,13.26l37.52-5.59Z"/><path class="cls-1" d="M97.22,343.12c-8.31,3.95-13.28,8.43-14,13.19l51.54-7.6Z"/><path class="cls-2" d="M145.16,384a403.28,403.28,0,0,0,51.37,3.51V376.42Z"/><path class="cls-1" d="M299.39,341.61c-9.31-3.86-21.92-7.14-36.83-9.58V347.1Z"/><path class="cls-1" d="M262.56,382.83c15-2.45,27.67-5.76,37-9.65l-37-5.5Z"/><path class="cls-2" d="M316.74,356.23c-.72-4.71-5.65-9.15-13.86-13.07l-37.1,5.53Z"/><path class="cls-1" d="M203.49,387.49A405.45,405.45,0,0,0,254.74,384l-51.25-7.63Z"/><polygon class="cls-2" points="137.78 364.53 137.78 350.33 89.88 357.4 137.78 364.53"/><path class="cls-1" d="M199.49,300.56c-9.58-17.5-19.11-33.37-27.17-49.95-16.91-34.75-33.62-69.64-49.27-105-7.78-17.56-12.88-36.09-10.76-56,3.62-34.08,30.44-65.64,63.89-74,47.49-11.93,92.12,11.75,108.06,58,6.84,19.88,4.07,39.77-2.73,59.38-13.74,39.63-32.71,76.87-52,114-8.19,15.78-17.09,31.19-25.7,46.75C202.82,295.54,201.59,297.27,199.49,300.56ZM200.33,164c34.91-.29,63.88-29.56,63.54-64.19-.34-35.08-29.59-63.51-65.21-63.41-33.08.1-63.2,30.21-62.86,62.85C136.17,135.5,164.91,164.34,200.33,164Z"/></svg>
\ No newline at end of file
diff --git a/assets/scss/_landing_project.scss b/assets/scss/_landing_project.scss
index fe10dc8a..6fdde8e3 100644
--- a/assets/scss/_landing_project.scss
+++ b/assets/scss/_landing_project.scss
@@ -200,3 +200,15 @@
     max-width: 100%;
   }
 }
+
+
+.logo-container {
+  width: 80px;
+  margin-right: 8px;
+}
+
+@media screen and (max-width: 768px) {
+  .logo-container {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/content/en/cloud/_index.md b/content/en/cloud/_index.md
index 9cf2d821..ebcd4f0b 100755
--- a/content/en/cloud/_index.md
+++ b/content/en/cloud/_index.md
@@ -13,18 +13,30 @@ cascade:
 
 ## Understanding the Meshery Ecosystem
 
-<p class="image-left" 
-    style="display:inline; font-style:italic; padding: 1rem; width:auto;
-            box-shadow: inset 0 -3em 3em #00b39f33,
-                0 0 0 2px #00b39f33,
-                0.3em 0.3em 1em #00b39f00;">You are here</p>
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="cloud" >}}</div>
+
+<div style="flex: 1;">
 
 **Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted.
+</div></div>
+
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshery" >}}</div>
+
+<div style="flex: 1;">
 
 **Meshery** ([docs](https://docs.meshery.io)) is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with all CNCF projects, and various monitoring, CI/CD, and security tools.
+</div></div>
+<!-- <p class="image-left" 
+    style="display:inline; font-style:italic; padding: 1rem; width:auto;
+            box-shadow: inset 0 -3em 3em #00b39f33,
+                0 0 0 2px #00b39f33,
+                0.3em 0.3em 1em #00b39f00;">You are here</p> -->
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshmap" >}}</div>
 
-**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications.
+<div style="flex: 1;">
 
+**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications.
+</div></div>
 {{% /pageinfo %}}
 
 
diff --git a/content/en/meshmap/_index.md b/content/en/meshmap/_index.md
index 930593bc..236b5056 100755
--- a/content/en/meshmap/_index.md
+++ b/content/en/meshmap/_index.md
@@ -9,7 +9,6 @@ cascade:
     type: docs
 ---
 
-
 <!-- {{% pageinfo %}}
 
 **Meshery** is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with various CNCF projects, monitoring, CI/CD, and security tools.
@@ -21,18 +20,30 @@ cascade:
 
 ## Understanding the Meshery Ecosystem
 
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="cloud" >}}</div>
+
+<div style="flex: 1;">
+
 **Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted.
+</div></div>
 
-**Meshery** ([docs](https://docs.meshery.io)) is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with all CNCF projects, and various monitoring, CI/CD, and security tools.
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshery" >}}</div>
 
-<p class="image-left" 
+<div style="flex: 1;">
+
+**Meshery** ([docs](https://docs.meshery.io)) is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with all CNCF projects, and various monitoring, CI/CD, and security tools.
+</div></div>
+<!-- <p class="image-left" 
     style="display:inline; font-style:italic; padding: 1rem; width:auto;
             box-shadow: inset 0 -3em 3em #00b39f33,
                 0 0 0 2px #00b39f33,
-                0.3em 0.3em 1em #00b39f00;">You are here</p>
+                0.3em 0.3em 1em #00b39f00;">You are here</p> -->
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshmap" >}}</div>
 
-**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications.
+<div style="flex: 1;">
 
+**MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications.
+</div></div>
 {{% /pageinfo %}}
 
 ## What is MeshMap?
diff --git a/layouts/shortcodes/svg.html b/layouts/shortcodes/svg.html
new file mode 100644
index 00000000..b63d27cc
--- /dev/null
+++ b/layouts/shortcodes/svg.html
@@ -0,0 +1,6 @@
+{{ $name := .Get "name" }}
+{{ with resources.Get (printf "icons/%s.svg" $name) }}
+  {{ .Content | safeHTML }}
+{{ else }}
+  <!-- SVG not found: {{ $name }} -->
+{{ end }}
\ No newline at end of file