update with resources

assets/scss/_landing_project.scss

@@ -73,6 +73,11 @@
 .playground-section {
   &.playground-logo {
     background-image: url("/images/logos/black-semi-opaque.svg"), url("/images/logos/meshery-light-icon.svg");
+  }
+  &.challenges-logo {
+    background-image: url("/images/logos/black-semi-opaque.svg"), url("/images/logos/challenges.svg");
+  }
+    &.playground-logo, &.challanges-logo {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 50%;
@@ -89,6 +94,11 @@
 .catalog-section {
   &.catalog-logo {
     background-image: url("/images/logos/black-semi-opaque.svg"), url("/images/logos/catalog.svg");
+  }
+  &.learning-path-logo{
+    background-image: url("/images/logos/black-semi-opaque.svg"), url("/images/logos/learning-path.svg");
+  }
+  &.catalog-logo, &.learning-path-logo {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 50%;
@@ -211,4 +221,5 @@
   .logo-container {
     display: none;
   }
-}
+}
+

content/en/_index.md

@@ -45,11 +45,11 @@ onmouseover="changeImage('meshery', 'images/logos/meshery-light.svg')" onmouseou
 <div class="gap-20px flex-col">
 <div class="flex-row gap-20px">
 <div class="playground-card grow-1">
-<a href="https://playground.meshery.io">
+<a href="https://kanvas.new">
   <div class="landing-card">
     <div class= "playground-section playground-logo">
-      <span class="landing-card-title">Meshery playground</span>
-      <p>Use Meshery Playground to explore a new way of DevOps - visual and collaborative configuration management for your infrastructure.</p>
+      <span class="landing-card-title">Kanvas</span>
+      <p>Use Kanvas to explore a new way of DevOps - visual and collaborative configuration management for your infrastructure.</p>
     </div>
   </div>
 </a></div>
@@ -58,26 +58,35 @@ onmouseover="changeImage('meshery', 'images/logos/meshery-light.svg')" onmouseou
 <a href="https://cloud.layer5.io/catalog">
   <div class="landing-card">
     <div class= "catalog-section catalog-logo">
-      <span class="landing-card-title">Meshery Catalog</span>
+      <span class="landing-card-title">Cloud Catalog</span>
       <p>Discover top-quality cloud native services for your infrastructure with the Cloud Native Catalog. Discover best practices and upgrade your Kubernetes management practices.</p>
     </div>
   </div>
 </a></div>
 </div>
 
-<div class="handbook-card">
-<a href="https://layer5.io/community/handbook">
-    <div class= "handbook-section landing-card">
-      <div class= "landing-card-text">
-        <span class="landing-card-title">Community Handbook</span>
-        <p>Use Meshery Playground to explore a new way of DevOps - visual and collaborative configuration management for your infrastructure.</p>
-      </div>
-      <div class= "handbook-image">
-        <img src="images/landing/handbook.png" alt="Community Handbook Image" />
-      </div>
+<div class="flex-row gap-20px">
+<div class="playground-card grow-1">
+<a href="https://cloud.layer5.io/academy/challenges">
+  <div class="landing-card">
+    <div class= "playground-section challenges-logo">
+      <span class="landing-card-title">Challenges</span>
+      <p>Accept the challenge. Learn CNCF projects by taking and completing time-based, hands-on labs. Complete your challenge quickly and you might be this month's CNCF Challenger!</p>
     </div>
-</a>
+  </div>
+</a></div>
+
+<div class="catalog-card">
+<a href="https://cloud.layer5.io/academy/learning-paths">
+  <div class="landing-card">
+    <div class= "catalog-section learning-path-logo">
+      <span class="landing-card-title">Learning Paths</span>
+      <p>Learning Paths offer a structured approach to learning, combining theoretical cloud native knowledge with hands-on, practical experience.</p>
+    </div>
+  </div>
+</a></div>
 </div>
+
 </div>
 
 <div class="forum-card">