<template>
  <v-container>
    <div class="h3 my-5 py-5 body-font1">Retailer Communications</div>

    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          :to="{ name: '' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
            Account Manager Contact List
          </div>
        </router-link>
      </v-hover>
    </div>

    <div class="padding-space1"><b>Crane Contacts for Retailers</b></div>
    <div>
      To help us respond to your request quickly, please reference the below
      contact information. By using the contact method appropriate for each
      request, we can reduce internal handling time and ensure it is sent to the
      correct department every time.
    </div>
    <div class="padding-space1"><b>Boxed Product Orders and Inquiries</b></div>
    <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:cranesocialpapers@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
            cranesocialpapers@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>Phone: 1-877-478-4849 or 413-664-2500</div>
    <div>Fax: 1-800-331-8660 or 413-684-7273</div>
    <div class="padding-space1">
      <b
        >Personalized Orders: New Order, Order Change, and Response to Order
        Delay Questions</b
      >
    </div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:cdsorders@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
            cdsorders@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>Fax: 1-800-411-4554 or 413-663-3092</div>
    <div class="padding-space1">
      <b>Personalized Product General Inquiries</b>
    </div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:cranecustomerservice@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
            cranecustomerservice@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>

      Phone: 1-877-478-4849 or 413-664-2500</div>
    <div>Toll-free from Canada: 1-800-551-8321</div>
    <div class="padding-space1"><b>Custom Concierge Quote Request</b></div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:retailerconcierge@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
           retailerconcierge@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div class="padding-space1"><b>Sample to Match</b></div>
    <div>Retailer Portal: Electronic Submissions</div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:cdsorders@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
           cdsorders@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div class="padding-space1"><b>Crane PDS Help Desk</b></div>
      <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:pdshelpdesk@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
           pdshelpdesk@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>Phone: 1-800-206-8530</div>
    <div class="padding-space1"><b>Crane PDS Account Applications</b></div>
    <div>
      Retailers obtain applications from the Resources>Training section on the
      retailer portal and send to Crane Customer Service
    </div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:cranecustomerservice@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
           cranecustomerservice@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>Fax: 1-888-865-9715</div>
    <div class="padding-space1"><b>Crane Retailer Portal Support</b></div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:retailerportal@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
         retailerportal@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>Phone: 1-877-478-4849</div>
    <div class="padding-space1"><b>Etiquette Questions</b></div>
     <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:concierge@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
        concierge@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div>Phone: 1-877-478-4849</div>
    <div class="padding-space1"><b>Find a Retailer Listings</b></div>
    <div>Contact Retailer Portal Help Desk</div>
    <div>
      Email:
      <v-hover v-slot:default="{ hover }">
        <a
          href="mailto:retailerportal@crane.com"
          class="text-decoration-none"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
      retailerportal@crane.com
          </div>
        </a>
      </v-hover>
    </div>
    <div class="padding-space1"><b>Engraved Dies</b></div>
    <div>Please use the address below for engraving dies:</div>
    <div>Crane Stationery</div>
    <div>Attn: Kitting Department</div>
    <div>461 Saratoga Street</div>
    <div>Cohoes, NY 12047</div>
    <div class="padding-space1"><b>Customer Service Mailing Address</b></div>
    <div>Please use the address below for mailed orders:</div>
    <div>Crane Stationery Returns</div>
    <div>461 Saratoga Street</div>
    <div>Cohoes, NY 12047</div>
    <div class="padding-space1"><b>Customer Service Hours</b></div>
    <div>Monday - Friday 9:00am - 6:00pm EST</div>
    <div class="padding-space">
      <v-hover v-slot:default="{ hover }">
        <router-link
          class="text-decoration-none whyteTmin10-font"
          :to="{ name: 'ResourcesPage' }"
        >
          <div
            :class="hover ? 'primary--text' : 'black--text'"
            class="subheading"
          >
            Back to Resources
          </div>
        </router-link>
      </v-hover>
    </div>
  </v-container>
</template>
<script>
export default {
  name: "ContactUs",
};
</script>

<style src="./contact-us.scss" lang="scss" scoped/>