Merge pull request #774 from ShashaankS/Fix-homepage-academy

[Fix] Replaced learning-path with academy on homepage

Author: leecalcote

assets/scss/_landing_project.scss

@@ -104,13 +104,13 @@
   &.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");
+  &.academy-logo{
+    background-image: url("/images/logos/black-semi-opaque.svg"), url("/images/logos/academy.svg");
   }
   &.recognition-program-logo{
     background-image: url("/images/logos/black-semi-opaque.svg"), url("/images/logos/recognition-program.png");
   }
-  &.catalog-logo, &.learning-path-logo , &.recognition-program-logo {
+  &.catalog-logo, &.academy-logo , &.recognition-program-logo {
     background-repeat: no-repeat;
     background-position: center;
     background-size: 50%;
@@ -196,7 +196,7 @@
   }
 }
 
-.playground-card {
+.academy-card {
   max-width: 351.88px;
   @media (max-width:768px){
     max-width: 100%;

content/en/_index.md

@@ -86,12 +86,12 @@ onmouseover="changeImage('meshery', 'images/logos/meshery-light.svg')" onmouseou
 </div>
 <div class="flex-row gap-20px">
 
-<!-- Learning Paths -->
-  <div class="playground-card grow-1">
-    <a href="https://cloud.layer5.io/academy/learning-paths">
+<!-- Academy -->
+  <div class="academy-card grow-1">
+    <a href="https://cloud.layer5.io/academy">
       <div class="landing-card">
-        <div class="catalog-section learning-path-logo">
-          <span class="landing-card-title">Learning Paths</span>
+        <div class="catalog-section academy-logo">
+          <span class="landing-card-title">Academy</span>
           <p>Structured learning of Kubernetes, AWS, Azure, GCP, Meshery, and Kanvas with theoretical knowledge and hands-on, practical experience.</p>
         </div>
       </div>