added pdf links and components

git_info.json

@@ -1 +1 @@
-{"branch_name":"dev","last_commit_date":"2022-01-21T06:11:48.000Z","last_commit_author":"anju j","last_commit_hash":"ec3b6b80d10917d37b10d953d1161fe29d92ad68"}
+{"branch_name":"dev","last_commit_date":"2022-01-21T13:29:42.000Z","last_commit_author":"anju j","last_commit_hash":"d591bed396605f13abb77e04afddb234544fa5ca"}

src/components/retailer/layout/header/Header.scss

@@ -104,8 +104,7 @@ margin-bottom: 0px !important;
 .me-header-search-field .theme--dark.v-label {
     color:#1d1d1d;
 }
-.v-menu__content,.v-list .me-header-user-menu-list{
+.v-menu__content.me-header-user-menu{
     border-radius: 0px !important;
     top: 64px !important;
 }
-

src/components/retailer/layout/header/Header.vue

@@ -83,7 +83,7 @@
       <v-icon>mdi-shopping-outline</v-icon>
       </v-btn> -->
       <div class="mt-3 mr-5 d-none d-md-block">
-        <v-menu offset-y v-if="userAuth" class="me-header-user-menu">
+        <v-menu offset-y v-if="userAuth" content-class="me-header-user-menu" >
           <template v-slot:activator="{ on, attrs }">
             <div color="primary" >
               <span  v-bind="attrs" v-on="on" class="text-uppercase cursor-pointer" >  Welcome,</span>
@@ -91,7 +91,7 @@
             </div>
            
           </template>
-          <v-list class="pr-10  d-none d-md-block me-header-user-menu-list">
+          <v-list class="pr-10  d-none d-md-block ">
             <v-list-item  class="pr-10">
               <v-list-item-title
                 @click="goTohomePage()"

src/multipages/retailer.routes.js

@@ -258,6 +258,39 @@ export default [
                     },
                 }
             },
+            {
+                path: 'promotions',
+                name: 'Promotions',
+                component: () => import( /* webpackChunkName: "Resources/Marketing Tools & Promotions" */'@/routes/retailer/promotions.vue'),
+                meta: {
+                    "canonical": true,
+                    breadcrumb: {
+                        label: 'Promotions Page' ,
+                    },
+                }
+            },
+            {
+                path: 'imagery-logos',
+                name: 'ImageryLogos',
+                component: () => import( /* webpackChunkName: "Resources/Marketing Tools & Promotions" */'@/routes/retailer/imagery_logos.vue'),
+                meta: {
+                    "canonical": true,
+                    breadcrumb: {
+                        label: 'Imagery Logos Page' ,
+                    },
+                }
+            },
+            {
+                path: 'service-levels',
+                name: 'ServiceLevels',
+                component: () => import( /* webpackChunkName: "Resources/Retailer Communications" */'@/routes/retailer/service_levels.vue'),
+                meta: {
+                    "canonical": true,
+                    breadcrumb: {
+                        label: 'Service Levels Page' ,
+                    },
+                }
+            },
           
         ]
     },

src/routes/retailer/imagery_logos.scss

@@ -0,0 +1,13 @@
+.subheading{
+    border-bottom: 1px solid #111 ;
+    
+    display: inline;
+    transition: all 0.1s ease-in-out;
+}
+.subheading:hover{
+    border-bottom: 1px solid #2c05da ;
+
+}
+.padding-space{
+    padding: 5px 0px 0px 0px;
+}

src/routes/retailer/imagery_logos.vue

@@ -0,0 +1,338 @@
+<template>
+  <v-container>
+    <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">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/d2aeogtlsby0gee/AAA3jzGfe5Z8GTMvteqhai6va?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+      Crane & Co. Business Essentials
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+<div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/9wr2f5xhin3j4wk/AAAF6E8uM13XoQGmazoRZAEoa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Crane & Co. Collection I
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+<div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/hefr3rjvm93k15b/AAA60S01KZqsaPWvwPKMx_3Da?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Crane & Co. Collection II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="pt-10 pb-5"><b>Holiday 2021</b></div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/xlbplrg290552oh/AAD8k5QCic3a45GWmKuBeSZpa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Boxed
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/xlbplrg290552oh/AAD8k5QCic3a45GWmKuBeSZpa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Personalized
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="pt-10 pb-5"><b>Brand Logos</b></div>
+
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/njpvrfc0yjvysyr/AAAaHmEded75XOo3Cvf39hEva?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     Hi Res Brand Logos
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/j5fqicnp6c12j49/AABFKE1PAD4VOfidmwQbEAdCa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     JPEG Brand Logos
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="pt-10 pb-5"><b>William Arthur Album Imagery</b></div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/1idvf0bp9k2y4zk/AAAVtCgkYOkD1MwhoIj-c7H7a?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     NEW William Arthur Weddings Volume I
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/nljbpmr8ieiil4g/AADP6MpJUcZN8nTHuu_66wHJa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     NEW William Arthur Weddings Volume I (Detail Shots)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/jpvxv2ns60azzb2/AAA2e_VsAd0CoEvcUZ4At2EFa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     William Arthur Invitations & Announcements, Volume II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/aemgss1o857719f/AADBoxO3t-kRDCXaRcr9Yik0a?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     NEW William Arthur Social Stationery & Occassions
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+
+   <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/ftr9xd0b58hu9e0/AACuJGSnyJfsbLPAO_fRvUvsa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     William Arthur Weddings, Volume II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+  <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/nlkdmqvsg7s2iy9/AABJOA6W7L4PlN9x0hBbq_Rra?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+     William Arthur Weddings, Volume II Insert
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+
+  <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'https://www.dropbox.com/sh/2rie5nzxg7be8r8/AABlMW1ihlCO4ua44_PavXfYa?dl=0'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+    William Arthur Weddings, Volume III
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+
+    <div class="py-10">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'MarketingToolsPromotions' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+          Back to Marketing Tools & Promotions
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+  </v-container>
+</template>
+<script>
+export default {
+  name: "ImageryLogos",
+  methods: {
+    goToLink(pageLink) {
+      window.open(pageLink, "_blank");
+    },
+  },
+};
+</script>
+
+<style src="./imagery_logos.scss" lang="scss" scoped/>

src/routes/retailer/marketing-tools-promotions.vue

@@ -24,7 +24,7 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          :to="{ name: '' }"
+          :to="{ name: 'Promotions' }"
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"
@@ -40,7 +40,7 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          :to="{ name: '' }"
+          :to="{ name: 'ImageryLogos' }"
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"

src/routes/retailer/marketing_collateral.scss

@@ -8,5 +8,5 @@
     border-bottom: 1px solid #2c05da ;
 }
 .padding-space{
-    padding: 15px 0px 0px 0px;
+    padding: 5px 0px 0px 0px;
 }

src/routes/retailer/marketing_collateral.vue

@@ -1,15 +1,16 @@
 <template>
   <v-container>
-    <div class="h3 my-10 body-font1">Marketing Collateral</div>
+    <div class="h3 my-10 pb-2 body-font1">Marketing Collateral</div>
     <div><b>Album Marketing Collateral</b></div>
 
-    <div class="padding-space">
+    <div class="pt-5">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
           to
-         @click.native="goToLink(
+          @click.native="
-              'http://emarketing.crane.com/retailer-portal/Crane-Stationery-2021.pdf'
+            goToLink(
+              'https://www.dropbox.com/login?cont=%2Fhome%2FCrane%2520%2526%2520Co%2520Team%2520Folder%2FSales%2FRetailer%2520Image%2520Requests%2FRetailer%2520Toolkits%2F2021%2520Stationery%2520Album'
             )
           "
         >
@@ -17,26 +18,7 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-            Crane Stationery 2021
+            Crane 2021 Stationery Album
-          </div>
-        </router-link>
-      </v-hover>
-    </div>
-    <div class="padding-space">
-      <v-hover v-slot:default="{ hover }">
-        <router-link
-          class="text-decoration-none whyteTmin10-font"
-          to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Stationery-2021-Pricing.pdf'
-            )
-          "
-        >
-          <div
-            :class="hover ? 'primary--text' : 'black--text'"
-            class="subheading"
-          >
-            Crane Stationery 2021 - Pricing Booklet
           </div>
         </router-link>
       </v-hover>
@@ -47,8 +29,9 @@
         <router-link
           class="text-decoration-none whyteTmin10-font"
           to
-         @click.native="goToLink(
+          @click.native="
-              'http://emarketing.crane.com/retailer-portal/Crane-Wedding.pdf'
+            goToLink(
+              'http://emarketing.crane.com/2015/media/SEPT/Crane-Download-and-Display-Sept-2015-Weddings.pdf'
             )
           "
         >
@@ -61,13 +44,15 @@
         </router-link>
       </v-hover>
     </div>
+
     <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
           to
-         @click.native="goToLink(
+          @click.native="
-              'http://emarketing.crane.com/retailer-portal/Crane-Wedding-Reference-Guide.pdf'
+            goToLink(
+              'http://emarketing.crane.com/2015/media/JULY/Crane-Download-and-Display-July-monograms-2015.pdf?cid=EM070115'
             )
           "
         >
@@ -75,40 +60,20 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-            Crane Wedding Reference Guide
+            Crane Monograms
-          </div>
-        </router-link>
-      </v-hover>
-    </div>
-    <div class="mt-10"><b>Crane Stationery Holiday 2021</b></div>
-    <div class="padding-space">
-      <v-hover v-slot:default="{ hover }">
-        <router-link
-          class="text-decoration-none whyteTmin10-font"
-           to 
-         @click.native="goToLink(
-              'http://emarketing.crane.com/retailer-portal/Crane-Holiday-2021.pdf'
-            )
-          "
-        >
-          <div
-            :class="hover ? 'primary--text' : 'black--text'"
-            class="subheading"
-          >
-            Crane Holiday 2021
           </div>
         </router-link>
       </v-hover>
     </div>
 
-     <div class="mt-10"><b> William Arthur</b></div>
     <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
           to
-         @click.native="goToLink(
+          @click.native="
-              'http://emarketing.crane.com/retailer-portal/William-Arthur-Weddings-I.pdf'
+            goToLink(
+              'http://emarketing.crane.com/2015/Media/MAY/May-Download-and%20Display-Accessories.pdf'
             )
           "
         >
@@ -116,7 +81,343 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-        William Arthur Weddings Volume One - 2019
+            Crane Wedding Day-of Accessories
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MARCH/Crane-Wedding-Refresh-POP.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Wedding Refresh
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/august-print-and-post-corner-office.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Collection II (business stationery)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/July-T-stand-1.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Collection II
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/July-T-stand-3.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Colleciton II "Lovely Liners"
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/July-T-stand-2.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Crane Collection II "Magnificent Monograms"
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/retailer-portal/WA-Weddings-2017-Rose-Gold-Promo-Poster.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Wedding 2017 Rose Gold
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2016/media/jul/2016-WA-Holiday-Promotion.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Personalized Holiday
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/OCT/WA-PrintandPost-winter-wedding-%20October-2015.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Winter Wedding
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MAY/MAY-WA-print-and-post-truly.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Truly Collection
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MARCH/March-Print-and-Post-Timeline.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Wedding Stationery Timeline
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/NOV/WA-nov-print%20and-post-winter-wedding.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Winter Wedding
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MAY/MAY-WA-print-and-post-truly.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Truly Collection
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2015/media/MARCH/March-Print-and-Post-Timeline.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Wedding Stationery Timeline
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/NOV/WA-nov-print%20and-post-winter-wedding.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Winter Wedding
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/WA-august-print-and-post-bright-wedding-invites.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Weddings III (bright colors)
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="padding-space">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/JULY/%20JULY-william-arthur-print-and-post-1.pdf'
+            )
+          "
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            William Arthur Weddings II (new invitation designs)
           </div>
         </router-link>
       </v-hover>
@@ -126,8 +427,9 @@
         <router-link
           class="text-decoration-none whyteTmin10-font"
           to
-         @click.native="goToLink(
+          @click.native="
-              'http://emarketing.crane.com/retailer-portal/William-Arthur-Weddings-II.pdf'
+            goToLink(
+              'http://emarketing.crane.com/2014/media/APRIL/WA-April-Print-and-Post-Invites.pdf'
             )
           "
         >
@@ -135,22 +437,44 @@
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-         William Arthur Weddings Volume Two - 2019
+            William Arthur Spring Wedding Invitations
           </div>
         </router-link>
       </v-hover>
     </div>
-     <div class="my-12  pb-12">
+
+    <div class="padding-space">
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font"
-          :to="{ name: 'PersonalizedProductsOrdering' }"
+          to
+          @click.native="
+            goToLink(
+              'http://emarketing.crane.com/2014/media/May/Wedding-collateral-2014-Vera.pdf'
+            )
+          "
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"
             class="subheading"
           >
-        Back to Personalized Products & Ordering
+            Vera Wang On Weddings
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+
+    <div class="py-12">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'MarketingToolsPromotions' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+            Back to Marketing Tools Promotions
           </div>
         </router-link>
       </v-hover>
@@ -167,4 +491,4 @@ export default {
   },
 };
 </script>
-<style src="./marketing_collateral" lang="scss" scoped/>
+<style src="./marketing_collateral.scss" lang="scss" scoped/>

src/routes/retailer/promotions.scss

@@ -0,0 +1,10 @@
+.subheading{
+    border-bottom: 1px solid #111 ;
+    
+    display: inline;
+    transition: all 0.1s ease-in-out;
+}
+.subheading:hover{
+    border-bottom: 1px solid #2c05da ;
+
+}

src/routes/retailer/promotions.vue

@@ -0,0 +1,35 @@
+<template>
+  <v-container>
+    <div class="h3 my-5 py-10 body-font1">Promotions</div>
+    <div><b>Promotions</b></div>
+    <div class="py-5">TBA</div>
+   
+    <div class="pt-10">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'MarketingToolsPromotions' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+          Back to Marketing Tools & Promotions
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+  </v-container>
+</template>
+<script>
+export default {
+  name: "Promotions",
+  methods: {
+    goToLink(pageLink) {
+      window.open(pageLink, "_blank");
+    },
+  },
+};
+</script>
+
+<style src="./promotions.scss" lang="scss" scoped/>

src/routes/retailer/retailer-communications.vue

@@ -8,7 +8,7 @@
       <v-hover v-slot:default="{ hover }">
         <router-link
           class="text-decoration-none whyteTmin10-font "
-          :to="{ name: '' }"
+          :to="{ name: 'ServiceLevels' }"
         >
           <div
             :class="hover ? 'primary--text' : 'black--text'"

src/routes/retailer/service_levels.scss

@@ -0,0 +1,13 @@
+.subheading{
+    border-bottom: 1px solid #111 ;
+    
+    display: inline;
+    transition: all 0.1s ease-in-out;
+}
+.subheading:hover{
+    border-bottom: 1px solid #2c05da ;
+
+}
+.padding-space{
+    padding: 5px 0px 0px 0px;
+}

src/routes/retailer/service_levels.vue

@@ -0,0 +1,36 @@
+<template>
+  <v-container>
+    <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>
+   
+  
+
+    <div class="py-10">
+      <v-hover v-slot:default="{ hover }">
+        <router-link
+          class="text-decoration-none whyteTmin10-font"
+          :to="{ name: 'RetailerCommunications' }"
+        >
+          <div
+            :class="hover ? 'primary--text' : 'black--text'"
+            class="subheading"
+          >
+        Back to Retailer Communications
+          </div>
+        </router-link>
+      </v-hover>
+    </div>
+  </v-container>
+</template>
+<script>
+export default {
+  name: "ServiceLevels",
+  methods: {
+    goToLink(pageLink) {
+      window.open(pageLink, "_blank");
+    },
+  },
+};
+</script>
+
+<style src="./service_levels.scss" lang="scss" scoped/>