<template>
  <section class="home--page page--container d-flex justify-content-center">
    <SiteHeader/>

    <div class="d-flex flex-column align-self-center mt-4" style="padding: 50px 8px; text-align: center">
      <!---------------------- card header -------------------------->
      <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 RESTAURANT</p>
                <p style="font-size: 16px; font-weight: bold" class="mt-2">رستوران برگ</p>
              </div>
            </div>
            <div class="col-12 mt-3">
              <nuxt-link to="/contact" class="contactBtnSocial">
                <span class="m-1"><i class="fal fa-phone"></i></span>
                <span>اطلاعات تماس</span>
              </nuxt-link>
            </div>
          </div>
        </el-card>
      </div>
      <!---------------------- socials -------------------------->
      <div class="download-app d-flex flex-column justify-content-center" style="width: 100%">
        <el-card class="box-card" style="width: 100%; border-radius: 17px">
          <a href="https://instagram.com/barg.cafe.restaurant?igshid=ZnNkYzU1NndyZGxi" target="_blank"
             class="d-flex align-items-center social-links">
            <div class="icon-social-link"><i class="fab fa-instagram"></i></div>
            <div class="d-flex flex-column" style="text-align: right">
              <p class="social-title">اینستاگرام رستوران</p>
              <p class="mt-3">ما را دنبال کنید</p>
            </div>
          </a>
        </el-card>
        <el-card class="box-card mt-3" style="width: 100%; border-radius: 17px">
          <a href="https://instagram.com/barg.jordan?igshid=MXE2OXkzMmtmc2oyeA=="
             target="_blank"  class="d-flex align-items-center social-links">
            <div class="icon-social-link"><i class="fab fa-instagram"></i></div>
            <div class="d-flex flex-column" style="text-align: right">
              <p class="social-title">اینستاگرام کترینگ</p>
              <p class="mt-3">ما را دنبال کنید</p>
            </div>
          </a>
        </el-card>
        <el-card class="box-card mt-3" style="width: 100%; border-radius: 17px">
          <a href="/applanding2" class="d-flex align-items-center social-links">
            <div class="icon-social-link"><i class="fal fa-mobile"></i></div>
            <div class="d-flex flex-column" style="text-align: right">
              <p class="social-title">دانلود اپلیکیشن</p>
              <p class="mt-3">برای استفاده راحت تر، اپلیکیشن برگ را دانلود کنید</p>
            </div>
          </a>
        </el-card>



        <el-card class="box-card mt-3" style="width: 100%; border-radius: 17px">
          <a href="/menu" class="d-flex align-items-center social-links">
            <div class="icon-social-link"><i class="fal fa-book-open"></i></div>
            <div class="d-flex flex-column" style="text-align: right">
              <p class="social-title">مشاهده منو رستوران</p>
              <p class="mt-3">برای مشاهده ضربه بزنید</p>
            </div>
          </a>
        </el-card>

        <el-card class="box-card mt-3" style="width: 100%; border-radius: 17px">
            <a href="/cateringmenu" class="d-flex align-items-center social-links">
              <div class="icon-social-link"><i class="fal fa-book-open"></i></div>
              <div class="d-flex flex-column" style="text-align: right">
                <p class="social-title">مشاهده منو کترینگ</p>
                <p class="mt-3">برای مشاهده ضربه بزنید</p>
              </div>
            </a>
          </el-card>

          <el-card class="box-card mt-3 mb-5" style="width: 100%; border-radius: 17px">
            <a href="/companiescateringmenu" class="d-flex align-items-center social-links">
              <div class="icon-social-link"><i class="fal fa-book-open"></i></div>
              <div class="d-flex flex-column" style="text-align: right">
                <p class="social-title">مشاهده منو کترینگ شرکت ها</p>
                <p class="mt-3">برای مشاهده ضربه بزنید</p>
              </div>
            </a>
          </el-card>


          <!-- <el-card class="box-card mt-3 mb-5" style="width: 100%; border-radius: 17px">
            <a href="/showplacecateringmenu" class="d-flex align-items-center social-links">
              <div class="icon-social-link"><i class="fal fa-book-open"></i></div>
              <div class="d-flex flex-column" style="text-align: right">
                <p class="social-title">مشاهده منو کترینگ نمایشگاهی</p>
                <p class="mt-3">برای مشاهده ضربه بزنید</p>
              </div>
            </a>
          </el-card> -->
      </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>
