<template>
  <div>
    <GiftGuideComponent/>
    <FooterComponent/>
  </div>
</template>
<script>
const baseUrl = process.env.VUE_APP_BASE_URL;
import GiftGuideComponent from "@/components/retailer/gift-guide/GiftGuideComponent";
import FooterComponent from "@/components/layout/footer/FooterComponent";
export default {
  name: "GiftGuide",
  data: () => ({ 
  }),
   components: {
    GiftGuideComponent,
    FooterComponent
  },
  computed:{
    canonical: function() {
      return this.$route.meta.canonical;
    }, 
  },
   metaInfo() {
        return {
           title: "Personalized Stationery | Crane Personalized Stationery Cards | Boxed Sets",
            meta: [
                { name: 'title', content: "Personalized Stationery | Crane Personalized Stationery Cards | Boxed Sets"},
                { name: 'description', content: "Explore the personalized cards, invitations, and more quality stationery at Crane. Customize the stationery you need to share the special moments in your life."},
                { name: 'keywords', content: "stationery, personalized stationery, stationary, wedding invitations,  wedding stationery, crane stationery, holiday invitations, crane, crane personalized stationery, stationary"},
                 { name: 'robots', content: "INDEX,FOLLOW"}
            ],
             link: [
                {rel: 'canonical', href:`${this.canonical ? window.location.href.split('?')[0] : baseUrl }`}
            ] 
        }
  },
};
</script>
<style src="./gift_guide.scss" lang="scss" scoped />
