src/app/common/components/marketing/footer.component.html

@@ -91,7 +91,7 @@
         </li>
 
         <li>
-          <a href="#" i18n>
+          <a routerLink="/nodes" i18n>
             Nodes
           </a>
         </li>

src/app/modules/upgrades/buy-tokens.component.html

@@ -13,7 +13,7 @@
       </p>
 
       <p>
-        <a>Learn more about tokens</a>
+        <a routerLink="/token">Learn more about tokens</a>
       </p>
     </div>
 

src/app/modules/upgrades/upgrade-options.component.html

@@ -163,7 +163,7 @@
       </ul>
 
       <p>
-        <a class="m-upgradesUpgradeOptionsPlan__moreInfo" routerLink="/node">
+        <a class="m-upgradesUpgradeOptionsPlan__moreInfo" routerLink="/nodes">
           More info
         </a>
       </p>
@@ -178,7 +178,7 @@
     <div class="m-upgradesUpgradeOptionsPlan__row">
       <a
         class="mf-button m-upgradesUpgradeOptionsPlan__action"
-        routerLink="/node"
+        routerLink="/nodes"
       >
         Contact us
       </a>

src/app/modules/upgrades/upgrade-options.component.scss

@@ -3,6 +3,9 @@ m-upgrades__upgradeOptions {
 }
 
 .m-upgrades__upgradeOptions {
+  position: relative; /* required for deco */
+  z-index: 0; /* required for deco */
+
   .m-upgradesUpgradeOptions__header {
     display: flex;
     flex-direction: row;
@@ -11,7 +14,7 @@ m-upgrades__upgradeOptions {
 
     @media screen and (max-width: $m-grid-min-vp) {
       display: block;
-      margin: 0 40px 20px;
+      margin: 0 40px 40px;
     }
 
     h2 {
@@ -45,6 +48,7 @@ m-upgrades__upgradeOptions {
   }
 
   .m-upgradesUpgradeOptions__plans {
+    position: relative; /* required for deco, no z-indexes HERE! */
     display: grid;
     grid-auto-flow: column;
     grid-column-gap: 65px;
@@ -71,6 +75,44 @@ m-upgrades__upgradeOptions {
       }
     }
 
+    // Deco
+
+    &::before {
+      content: '';
+      display: block;
+      position: absolute;
+      width: 393px;
+      height: 193px;
+      top: 0;
+      left: 0;
+      transform: translate(-20px, -20px);
+      background: url('<%= APP_CDN %>/assets/marketing/deco_1.svg');
+      z-index: -1;
+
+      @media screen and (max-width: $m-grid-min-vp) {
+        max-width: 90vw;
+      }
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      bottom: 0;
+      right: 0;
+      width: 388px;
+      height: 388px;
+      background: url('<%= APP_CDN %>/assets/marketing/deco_2.svg');
+      z-index: -1;
+      transform: translate(102px, 102px);
+
+      @media screen and (max-width: $m-grid-min-vp) {
+        display: none;
+      }
+    }
+
+    //
+
     h3 {
       font-size: 28px;
       font-weight: 900;