change menu pdf

pages/menu/index.vue

@@ -1,4 +1,69 @@
 <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="/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>
+
+
+<!-- <template>
   <div class="menu--page page--container">
     <section class="s1 clearfix">
       <div class="container">
@@ -572,4 +637,4 @@ export default {
     }
   }
 }
-</script>
+</script> -->