diff --git a/src/routes/retailer/boxed-products-ordering.vue b/src/routes/retailer/boxed-products-ordering.vue
index 8d0dbd8..55c05a6 100644
--- a/src/routes/retailer/boxed-products-ordering.vue
+++ b/src/routes/retailer/boxed-products-ordering.vue
@@ -1,8 +1,8 @@
 <template>
   <v-container>
-   <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+   <div class="homepage-overflow-x-hidden white" v-if="boxedProductsOrderingPage">
+      <div class="h3 my-5 py-5 body-font1">{{ boxedProductsOrderingPage.contentHeading }}</div>
+      <div v-html="boxedProductsOrderingPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Boxed Products & Ordering</div>
 
@@ -135,7 +135,7 @@ export default {
     },
   },
   computed: {
-    resourcePage: function () {
+    boxedProductsOrderingPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {
diff --git a/src/routes/retailer/contact-us.vue b/src/routes/retailer/contact-us.vue
index 2ac713c..beeb418 100644
--- a/src/routes/retailer/contact-us.vue
+++ b/src/routes/retailer/contact-us.vue
@@ -1,9 +1,9 @@
 <template>
   <v-container>
 
-      <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+      <div class="homepage-overflow-x-hidden white" v-if=" contactUsPage">
+      <div class="h3 my-5 py-5 body-font1">{{  contactUsPage.contentHeading }}</div>
+      <div v-html=" contactUsPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Retailer Communications</div>
 
@@ -258,7 +258,7 @@
 export default {
   name: "ContactUs",
    computed: {
-    resourcePage: function () {
+    contactUsPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {
diff --git a/src/routes/retailer/imagery_logos.vue b/src/routes/retailer/imagery_logos.vue
index 4a4df04..1d8c928 100644
--- a/src/routes/retailer/imagery_logos.vue
+++ b/src/routes/retailer/imagery_logos.vue
@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-5 py-10 body-font1">Imagery & Logos</div>
+    <div class="homepage-overflow-x-hidden white" v-if="imageryLogosPage">
+      <div class="h3 my-5 py-5 body-font1">{{ imageryLogosPage.contentHeading }}</div>
+      <div v-html="imageryLogosPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-5 py-10 body-font1">Imagery & Logos</div>
     <div class="pb-5"><b>Crane & Co. Album Imagery</b></div>
    
     <div class="padding-space">
@@ -321,7 +325,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -332,6 +336,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+  computed: {
+    imageryLogosPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "imagery-logos";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 
diff --git a/src/routes/retailer/marketing-tools-promotions.vue b/src/routes/retailer/marketing-tools-promotions.vue
index 4a7ee82..fa902ec 100644
--- a/src/routes/retailer/marketing-tools-promotions.vue
+++ b/src/routes/retailer/marketing-tools-promotions.vue
@@ -1,9 +1,9 @@
 <template>
   <v-container>
 
-     <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+     <div class="homepage-overflow-x-hidden white" v-if="marketingToolsPromotionsPage">
+      <div class="h3 my-5 py-5 body-font1">{{ marketingToolsPromotionsPage.contentHeading }}</div>
+      <div v-html="marketingToolsPromotionsPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Marketing Tools & Promotions</div>
 
@@ -79,7 +79,7 @@
 export default {
   name: "MarketingToolsPromotions",
   computed: {
-    resourcePage: function () {
+    marketingToolsPromotionsPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {
diff --git a/src/routes/retailer/marketing_collateral.vue b/src/routes/retailer/marketing_collateral.vue
index 8c09c3f..a9f57f7 100644
--- a/src/routes/retailer/marketing_collateral.vue
+++ b/src/routes/retailer/marketing_collateral.vue
@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-10 pb-2 body-font1">Marketing Collateral</div>
+     <div class="homepage-overflow-x-hidden white" v-if="marketingCollateralPage">
+      <div class="h3 my-5 py-5 body-font1">{{ marketingCollateralPage.contentHeading }}</div>
+      <div v-html="marketingCollateralPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-10 pb-2 body-font1">Marketing Collateral</div>
     <div><b>Album Marketing Collateral</b></div>
 
     <div class="pt-5">
@@ -478,7 +482,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -489,6 +493,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+   computed: {
+    marketingCollateralPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "marketing-collateral";
+        })[0];
+      }
+
+      return data;
+    },
+  }
 };
 </script>
 <style src="./marketing_collateral.scss" lang="scss" scoped/>
diff --git a/src/routes/retailer/personalized-products-ordering.vue b/src/routes/retailer/personalized-products-ordering.vue
index 6103f7f..8b862fb 100644
--- a/src/routes/retailer/personalized-products-ordering.vue
+++ b/src/routes/retailer/personalized-products-ordering.vue
@@ -1,9 +1,9 @@
 
 <template>
   <v-container>
- <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+ <div class="homepage-overflow-x-hidden white" v-if="personalizedProductsOrderingPage">
+      <div class="h3 my-5 py-5 body-font1">{{ personalizedProductsOrderingPage.contentHeading }}</div>
+      <div v-html="personalizedProductsOrderingPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Personalized Products & Ordering</div>
 
@@ -111,7 +111,7 @@ export default {
     },
   },
   computed: {
-    resourcePage: function () {
+    personalizedProductsOrderingPage : function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {
diff --git a/src/routes/retailer/personalized_albums.vue b/src/routes/retailer/personalized_albums.vue
index 47a0797..77e848f 100644
--- a/src/routes/retailer/personalized_albums.vue
+++ b/src/routes/retailer/personalized_albums.vue
@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-10 body-font1">Personalized Albums</div>
+    <div class="homepage-overflow-x-hidden white" v-if="personalizedAlbumsPage">
+      <div class="h3 my-5 py-5 body-font1">{{ personalizedAlbumsPage.contentHeading }}</div>
+      <div v-html="personalizedAlbumsPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-10 body-font1">Personalized Albums</div>
     <div><b>Crane & Co.</b></div>
 
     <div class="padding-space">
@@ -154,7 +158,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -165,6 +169,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+   computed: {
+    personalizedAlbumsPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "personalized-albums";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 <style src="./personalized_albums.scss" lang="scss" scoped/>
diff --git a/src/routes/retailer/promotions.vue b/src/routes/retailer/promotions.vue
index 3667865..0f87c2e 100644
--- a/src/routes/retailer/promotions.vue
+++ b/src/routes/retailer/promotions.vue
@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-5 py-10 body-font1">Promotions</div>
+     <div class="homepage-overflow-x-hidden white" v-if="promotions">
+      <div class="h3 my-5 py-5 body-font1">{{ promotions.contentHeading }}</div>
+      <div v-html="promotions.content"></div>
+    </div>
+    <!-- <div class="h3 my-5 py-10 body-font1">Promotions</div>
     <div><b>Promotions</b></div>
     <div class="py-5">TBA</div>
    
@@ -18,7 +22,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -29,6 +33,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+  computed: {
+    promotions: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "promotions";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 
diff --git a/src/routes/retailer/retailer-communications.vue b/src/routes/retailer/retailer-communications.vue
index d92df40..f4bbc25 100644
--- a/src/routes/retailer/retailer-communications.vue
+++ b/src/routes/retailer/retailer-communications.vue
@@ -2,9 +2,9 @@
 
 <template>
   <v-container>
-     <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+     <div class="homepage-overflow-x-hidden white" v-if=" retailerCommunicationsPage">
+      <div class="h3 my-5 py-5 body-font1">{{  retailerCommunicationsPage.contentHeading }}</div>
+      <div v-html=" retailerCommunicationsPage.content"></div>
     </div>
     <!-- <div class="h3 my-5 py-5 body-font1">Retailer Communications</div>
 
@@ -47,7 +47,7 @@
 export default {
   name: "RetailerCommunications",
    computed: {
-    resourcePage: function () {
+    retailerCommunicationsPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {
diff --git a/src/routes/retailer/service_levels.vue b/src/routes/retailer/service_levels.vue
index f0cb27a..e761d96 100644
--- a/src/routes/retailer/service_levels.vue
+++ b/src/routes/retailer/service_levels.vue
@@ -1,6 +1,10 @@
 <template>
   <v-container>
-    <div class="h3 my-5 py-10 body-font1">Service Levels</div>
+    <div class="homepage-overflow-x-hidden white" v-if="serviceLevelsPage">
+      <div class="h3 my-5 py-5 body-font1">{{ serviceLevelsPage.contentHeading }}</div>
+      <div v-html="serviceLevelsPage.content"></div>
+    </div>
+    <!-- <div class="h3 my-5 py-10 body-font1">Service Levels</div>
     <div class="pb-5 whyte-book-font">Please reference your weekly service level email. If you do not receive this email and would like to receive it please contact Customer Service and ask to have your email address added to this mailing list.</div>
    
   
@@ -19,7 +23,7 @@
           </div>
         </router-link>
       </v-hover>
-    </div>
+    </div> -->
   </v-container>
 </template>
 <script>
@@ -30,6 +34,19 @@ export default {
       window.open(pageLink, "_blank");
     },
   },
+   computed: {
+    serviceLevelsPage: function () {
+      let data = null;
+      let pageContent = this.$store.state.layout.pageContent;
+      if (pageContent.length) {
+        data = pageContent.filter((element) => {
+          return element.identifier === "service-levels";
+        })[0];
+      }
+
+      return data;
+    },
+  },
 };
 </script>
 
diff --git a/src/routes/retailer/training.vue b/src/routes/retailer/training.vue
index aead74e..e2e85ec 100644
--- a/src/routes/retailer/training.vue
+++ b/src/routes/retailer/training.vue
@@ -1,8 +1,8 @@
 <template>
   <v-container>
-  <div class="homepage-overflow-x-hidden white" v-if="resourcePage">
-      <div class="h3 my-5 py-5 body-font1">{{ resourcePage.contentHeading }}</div>
-      <div v-html="resourcePage.content"></div>
+  <div class="homepage-overflow-x-hidden white" v-if="trainingPage">
+      <div class="h3 my-5 py-5 body-font1">{{ trainingPage.contentHeading }}</div>
+      <div v-html="trainingPage.content"></div>
     </div>
     
     <!-- <div class="h3 my-5 py-5 body-font1">Training</div>
@@ -330,7 +330,7 @@ export default {
     },
   },
    computed: {
-    resourcePage: function () {
+    trainingPage: function () {
       let data = null;
       let pageContent = this.$store.state.layout.pageContent;
       if (pageContent.length) {