(feat): Token, Plus, Pro, Nodes imagery

src/app/common/components/marketing/styles/style-2.scss

@@ -98,13 +98,14 @@
  z-index: 0;
 
  img {
- object-fit: contain;
+ object-fit: cover;
+ width: 438px;
+ height: 547px;
  clip-path: polygon(0% 1%, 0% 97%, 100% 100%, 100% 0%);
 
  @media screen and (max-width: $m-grid-min-vp) {
  width: 100vw;
  height: 100vw;
- object-fit: cover;
  clip-path: polygon(0% 2%, 0% 97%, 100% 100%, 100% 0%);
  }
  }

src/app/common/components/marketing/styles/style-3.scss

@@ -89,18 +89,22 @@
  grid-row: 1;
 
  img.m-marketing__image--1 {
- object-fit: contain;
+ object-fit: cover;
+ width: 438px;
+ height: 518px;
  clip-path: polygon(0% 1%, 0% 100%, 100% 96%, 100% 0%);
 
  @media screen and (max-width: $m-grid-min-vp) {
  width: 100vw;
  height: 100vw;
- object-fit: cover;
  clip-path: polygon(0% 1%, 0% 100%, 100% 97%, 100% 0%);
  }
  }
 
  img.m-marketing__image--2 {
+ object-fit: contain;
+ width: 328px;
+ height: 160px;
  position: absolute;
  right: 0;
  bottom: 35px;
@@ -112,7 +116,6 @@
  transform: translate(-50%, 40px);
  max-width: 75vw;
  max-height: 50vw;
- object-fit: contain;
  }
  }
 

src/app/common/components/marketing/styles/style-4.scss

@@ -65,18 +65,22 @@
  }
 
  img.m-marketing__image--1 {
- object-fit: contain;
+ object-fit: cover;
+ width: 438px;
+ height: 547px;
  clip-path: polygon(0% 1%, 0% 96%, 100% 100%, 100% 0%);
 
  @media screen and (max-width: $m-grid-min-vp) {
  width: 100vw;
  height: 100vw;
- object-fit: cover;
  clip-path: polygon(0% 1%, 0% 97%, 100% 100%, 100% 0%);
  }
  }
 
  img.m-marketing__image--2 {
+ object-fit: contain;
+ width: 328px;
+ height: 160px;
  position: absolute;
  left: 0;
  bottom: 35px;
@@ -88,7 +92,6 @@
  transform: translate(-50%, 40px);
  max-width: 75vw;
  max-height: 50vw;
- object-fit: contain;
  }
  }
 

src/app/modules/blockchain/marketing/token.component.html

@@ -27,9 +27,7 @@
  >
  <span>
  <img
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-1.jpg'"
  />
  </span>
  </div>
@@ -70,14 +68,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-2.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-1.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-2-ux.png'"
  />
  </span>
  </div>
@@ -104,14 +100,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-3.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-2.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-3-ux.png'"
  />
  </span>
  </div>
@@ -138,14 +132,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-4.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-3.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/token/token-4-ux.png'"
  />
  </span>
  </div>

src/app/modules/nodes/marketing/marketing.component.html

@@ -33,9 +33,7 @@
  >
  <span>
  <img
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/nodes/nodes-1.jpg'"
  />
  </span>
  </div>
@@ -66,14 +64,7 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
- />
-
- <img
- class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-1.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/nodes/nodes-2.jpg'"
  />
  </span>
  </div>
@@ -101,14 +92,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/nodes/nodes-3.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-2.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/nodes/nodes-3-ux.png'"
  />
  </span>
  </div>
@@ -135,14 +124,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/nodes/nodes-4.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-3.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/nodes/nodes-4-ux.png'"
  />
  </span>
  </div>

src/app/modules/plus/marketing.component.html

@@ -48,11 +48,7 @@
  class="m-grid__column-5 m-grid__column-12--mobile m-marketing__image"
  >
  <span>
- <img
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
- />
+ <img [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-1.jpg'" />
  </span>
  </div>
  </div>
@@ -83,14 +79,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-2.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-1.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-2-ux.png'"
  />
  </span>
  </div>
@@ -118,14 +112,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-3.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-2.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-3-ux.png'"
  />
  </span>
  </div>
@@ -157,14 +149,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-4.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-3.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/plus/plus-4-ux.png'"
  />
  </span>
  </div>

src/app/modules/pro/marketing.component.html

@@ -29,7 +29,7 @@
  class="m-grid__column-5 m-grid__column-12--mobile m-marketing__image"
  >
  <span>
- <img [src]="cdnAssetsUrl + 'assets/photos/podcast-people.jpg'" />
+ <img [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-1.jpg'" />
  </span>
  </div>
  </div>
@@ -73,14 +73,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-2.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-1.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-2-ux.png'"
  />
  </span>
  </div>
@@ -125,14 +123,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-3.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-2.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-3-ux.png'"
  />
  </span>
  </div>
@@ -164,14 +160,7 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
- />
-
- <img
- class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-3.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-4.jpg'"
  />
  </span>
  </div>
@@ -204,14 +193,12 @@
  <span>
  <img
  class="m-marketing__image--1"
- [src]="
- cdnAssetsUrl + 'assets/photos/browsing-mobileapp-discovery.jpg'
- "
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-5.jpg'"
  />
 
  <img
  class="m-marketing__image--2"
- [src]="cdnAssetsUrl + 'assets/photos/ui-demo-2.png'"
+ [src]="cdnAssetsUrl + 'assets/product-pages/pro/pro-5-ux.png'"
  />
  </span>
  </div>