<template>
  <div>
    <HomeComponent/>
    <FooterComponent/>
  </div>
</template>
<script>
const baseUrl = process.env.VUE_APP_BASE_URL;
import HomeComponent from "@/components/retailer/home/HomeComponent";
import FooterComponent from "@/components/layout/footer/FooterComponent";
export default {
  name: "HomePage",
  data: () => ({ 
  }),
   components: {
    HomeComponent,
    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 }`}
            ] 
        }
  },
   created() {
       window.criteo_q.push(           
            { event: "setEmail", email: "" }, // Can be an empty string         
            { event: "viewHome" }
        );
   }
};
</script>
<style src="./home_page.scss" lang="scss" scoped />
