<template>
  <section class="home--page page--container d-flex justify-content-center">
    <SiteHeader/>
    <div class="d-flex flex-column align-self-center" style="padding: 50px 8px; text-align: center">
      <div class="download-app d-flex flex-column justify-content-center">
        <div class="d-flex align-self-center mb-4" style="width: 100%">
          <el-card class="box-card" style="width: 100%; border-radius: 17px">
            <div class="row">
              <div class="col-12 d-flex justify-content-evenly align-items-center">
                <div class="logo-image"><img src="/favicon.png" style="width: 40px" alt=""></div>
                <div class="d-flex flex-column justify-content-start" style="text-align: right">
                  <p style="font-size: 18px; font-weight: bold">BARG CATERING</p>
                  <p style="font-size: 16px; font-weight: bold" class="mt-2">کترینگ برگ</p>
                </div>
              </div>
              <div class="col-12 mt-3">
                <a href="/menu-1.pdf" class="contactBtnSocial">
                  <span class="m-1"><i class="fal fa-download"></i></span>
                  <span>مشاهده منو</span>
                </a>
              </div>
            </div>
          </el-card>
        </div>
      </div>
    </div>
    <SiteFooter/>
  </section>
</template>

<script>
export default {
  layout: 'blank',
  data() {
    return {
      payment: null
    }
  },
  computed: {},
  watch: {},
  methods:{
    copyText(){
      const copyText = document.getElementById("code");
      navigator.clipboard.writeText(copyText.innerText);
      this.$message({
        message: 'کپی شد!',
        type: 'success',
        center: false
      });
    },
    back(){

    }
  },
  async asyncData({$axios, query, error}) {

  }
}
</script>

<style scoped>

</style>
