Backed up Spark's sandbox templates with catalog vs enrolled courses (catalog doesn't work yet...).

Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid

@@ -51,10 +51,10 @@
         {% endfor %}
         <li class= "np-header-desktop-nav-item">
           <a
-            class="np-header-desktop-nav-link np-header-font-color header-dropdown-link"
+            class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
             href="/app/grow-with-walmart-catalog"
           >
-           Grow With Walmart
+          Start Here
            {% comment %} <div class="header-dropdown-container">
             <a href="/app/catalog?filter[category_uuid][in][]=e4926581-2db7-48c8-b49f-e000d57de393&search_terms=" class="header-dropdown-option">Crece Con Walmart</a>
             <a href="/app/catalog?filter[category_uuid][in][]=84a3a9b7-84f1-4bdd-8ebe-9c3d17b28ae2&search_terms=" class="header-dropdown-option">Grow With Walmart</a>
@@ -235,6 +235,9 @@
 {% include "messages" %}
 
 <style>
+  .start-here-btn {
+    color: #FFC220;
+  }
   .np-header-desktop-nav-link {
     font-size: 20px;
     font-weight: 500;

Custom_Templates/customer_templates/Walmart Supplier Prod/_learning_path_course.html.liquid

@@ -42,7 +42,7 @@
         class="np-learning-path-outline-course-image"
       >
       <div class="np-learning-path-outline-content">
-        <div class="np-learning-path-outline-name np-top-title">
+        <div class="np-learning-path-outline-name np-top-title np-learning-path-outline-name-locked">
           {{ course.name }}
         </div>
       </div>

Custom_Templates/customer_templates/Walmart Supplier Prod/_sub_navigation.html.liquid

@@ -3,7 +3,11 @@
     {% for link in navigations.sub_navigation %}
       <div class="np-sub-navigation-content-item {{ link.active_class }}">
         <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
-          {{ link.label }}
+          {% if link.label == 'Catalog' %}
+            Courses 
+            {% else %}
+            {{ link.label }}
+          {% endif %}
         </a>
         <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
       </div>

Custom_Templates/customer_templates/Walmart Supplier Prod/_welcome_section.html.liquid

@@ -9,7 +9,7 @@
             <ul class="get-started-list">
                 <li class="get-started-item">
                     <span class="get-started-item-heading">New to Walmart?</span>
-                    Check out the Grow With Walmart programs!
+                    Check out the <a class="text-link" href="/app/grow-with-walmart-catalog">Grow With Walmart</a> programs!
                 </li>
                 <li class="get-started-item">
                     <span class="get-started-item-heading">Seasoned supplier?</span>
@@ -17,10 +17,15 @@
                 </li>
                 <li class="get-started-item">
                     <span class="get-started-item-heading">Have system-specific questions?</span>
-                    Visit our Help Docs directory.
+                    Visit our <a href="/app/courses/a891fcb0-ed3a-4851-8e64-0f4f0b602c2d" class="text-link">Help Docs</a> directory.
                 </li>
             </ul>
         </div>
+        <div class="video-container">
+            <video width='600px' height="400px" controls autoplay muted>
+                <source src="https://s3.us-east-1.amazonaws.com/static.northpass.com/Supplier+Academy/video/supplier_academy_2.0_launch_v5+(360p).mp4">
+            </video>
+        </div>
     </div>
 </div>
 
@@ -38,6 +43,9 @@
     }
     .get-started {
         margin-top: 40px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
     }
     .introduction {
         color: #fff;
@@ -58,4 +66,12 @@
     .get-started-item {
         font-size: 20px;
     }
+    .video-container {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+    }
+    .text-link {
+        color: #fff;
+    }
 </style>

Custom_Templates/customer_templates/Walmart Supplier Prod/grow-with-walmart-catalog.html.liquid

@@ -39,3 +39,11 @@
   </div>
 </main>
 {% include "footer" %}
+
+<style>
+  @media screen and (min-width: 768px) {
+  .np-card-content-description {
+    display: block;
+  }
+}
+</style>

Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid

@@ -216,6 +216,9 @@ section {
   color: #fff;
 }
 .np-learning-path-outline-name {
+  color: #041E42;
+}
+.np-learning-path-outline-name-locked {
   color: #fff;
 }
 .slick-track {