change static data

components/about-page/ContactUs.vue

@@ -19,25 +19,34 @@
         <div class="space-y-[3vw] md:space-y-[1vw]">
           <p class="text-[3.59vw] md:text-[0.938vw]">
             آدرس :
-            <span class="text-[3.19vw] md:text-[0.833vw]"
+            <span
-              >لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+             @click="openMap"
-              استفاده
+            class="text-[3.19vw] md:text-[0.833vw] cursor-pointer">
+              اراک، خیابان دانشگاه، انتهای خیابان بهزیستی، میدان شهروند، فروشگاه محصولات ارگانیک جوانه
             </span>
           </p>
           <p class="text-[3.59vw] md:text-[0.938vw]">
             تلفن :
-            <span class="text-[3.19vw] md:text-[0.833vw]">00000000</span>
+            <span class="text-[3.19vw] md:text-[0.833vw]">
+              <a href="tel:+989399455727" class="!text-black">
+                5727 - 945 - 0939
+              </a>
+            </span>
           </p>
           <p class="text-[3.59vw] md:text-[0.938vw]">
             ایمیل :
             <span class="text-[3.19vw] md:text-[0.833vw]"
-              >javaneh@gmail.com</span
+              >
+              <a href="mailto:info@shinan.ir" class="!text-black">
+                info@shinan.ir
+              </a>
+              </span
             >
           </p>
-          <p class="text-[3.59vw] md:text-[0.938vw]">
+          <!-- <p class="text-[3.59vw] md:text-[0.938vw]">
             فکس :
             <span class="text-[3.19vw] md:text-[0.833vw]">00000000</span>
-          </p>
+          </p> -->
         </div>
         <div>
           <svg
@@ -444,4 +453,10 @@
       </div>
     </div>
   </div>
-</template>
+</template>
+
+<script setup>
+const openMap = () => {
+  window.open('https://www.google.com/maps?q=34.090183,49.714284', '_blank');
+}
+</script>

components/about-page/Map.vue

@@ -37,19 +37,18 @@
             <p
               class="text-[3.19vw] md:text-[0.833vw] mt-[5vw] leading-[5vw] md:leading-[1.563vw]"
             >
-              لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+            اراک، خیابان دانشگاه، انتهای خیابان بهزیستی، میدان شهروند، فروشگاه محصولات ارگانیک جوانه
-              استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در
-              ستون و سطرآنچنان که لازم است
             </p>
           </div>
         </div>
       </div>
       <div class="w-full md:w-[35%] rounded-[1.302vw] min-h-[50vh]">
-         <LMap
+        <img src="/public/images/shoploc.png" class="rounded-[1.302vw]" />
+         <!-- <LMap
           class="rounded-lg"
           ref="map"
           :zoom="zoom"
-          :center="[34.08011180237817, 49.69090848676344]"
+          :center="[34.09032323461587, 49.71451383438154]"
         >
           <LTileLayer
             url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
@@ -57,7 +56,7 @@
             layer-type="base"
             name="OpenStreetMap"
           />
-        </LMap> 
+        </LMap>  -->
       </div>
     </div>
   </div>

layouts/footer.vue

@@ -14,11 +14,12 @@
               class="m-2 md:mt-[2vw]"
             />
             <p
-              class="mt-[5vw] text-[3.59vw] md:text-[0.938vw] leading-[5.385vw] md:leading-[1.406vw] font-[500] px-[4vw] md:p-[0.417vw] md:mt-[1.417vw]"
+              class="mt-[5vw] text-[3.59vw] md:text-[0.738vw] leading-[5.385vw] md:leading-[1.406vw] font-[500] px-[4vw] md:p-[0.417vw] md:mt-[1.417vw]"
             >
-            شینان یک بستر ارتباطی بین تولید کنندگان ، واردکنندگان و توزیع کنندگان انواع محصولات است. به کمک این
+            شینان یک بستر ارتباطی بین تولید کنندگان ، واردکنندگان و توزیع
-            سامانه به سادگی میتوانید بهترین تامین کنندگان حیطه کسب و کار خود را بیابید و یا به عنوان تامین کننده با
+            کنندگان انواع محصولات است. به کمک این سامانه به سادگی میتوانید
-            خرده فروشان صنف غذا ارتباط بگیرید.
+            بهترین تامین کنندگان حیطه کسب و کار خود را بیابید و یا به عنوان
+            تامین کننده با خرده فروشان صنف غذا ارتباط بگیرید.
             </p>
   
             <!-- <div
@@ -98,17 +99,17 @@
             <div
               class="mt-8 md:mt-0 w-full flex items-center justify-between flex-row h-[72px] bg-[#F2F2F2] text-[#383E43] border-[1px] rounded-[16px] font-[600] border-[#E5E5E5]"
             >
-              <p class="hidden md:block w-[50%] ps-5 text-[0.938vw]">
+              <p class="hidden md:block w-[50%] ps-5 text-[0.738vw]">
                 با ثبت ایمیل از آخرین تخفیف ها با خبر شوید
               </p>
               <div class="flex items-center w-full md:w-[50%] text-end me-2">
                 <input
                   type="email"
-                  class="outline-none  text-[3.19vw] md:text-[0.938vw] w-[80%] ms-2 md:ms-0 me-2 h-[8.026vw] md:h-[2.5vw] text-[#383E43] bg-[#E5E5E5] rounded-[8px] placeholder:text-[#383E43] ps-4 placeholder:font-[500]"
+                  class="outline-none  text-[3.19vw] md:text-[0.738vw] w-[80%] ms-2 md:ms-0 me-2 h-[8.026vw] md:h-[2.5vw] text-[#383E43] bg-[#E5E5E5] rounded-[8px] placeholder:text-[#383E43] ps-4 placeholder:font-[500]"
                   placeholder="آدرس ایمیل"
                 />
                 <button
-                  class="flex text-[3.19vw] md:text-[0.938vw] items-center font-[500] h-[7.526vw] md:h-[2.4vw] rounded-[8px] bg-[#A62186] text-white px-[4vw] md:px-[1.25vw]"
+                  class="flex text-[3.19vw] md:text-[0.738vw] items-center font-[500] h-[7.526vw] md:h-[2.4vw] rounded-[8px] bg-[#A62186] text-white px-[4vw] md:px-[1.25vw]"
                 >
                   ثبت
                 </button>
@@ -118,7 +119,7 @@
             <div
               class="w-full flex items-center justify-between px-5 md:px-auto flex-row h-[72px] bg-[#F2F2F2] text-[#383E43] border-[1px] rounded-[16px] font-[600] border-[#E5E5E5]"
             >
-              <p class="hidden md:block text-[0.938vw]">
+              <p class="hidden md:block text-[0.738vw]">
                 مارا در شبکه های اجتماعی دنبال کنید
               </p>
               <div class="flex justify-between px-[10vw] w-full md:w-[25%]">
@@ -211,7 +212,7 @@
               class="hidden md:flex w-full flex-row items-center justify-between"
             >
               <div class="text-[#878787] text-[0.833vw] space-y-3 mt-8">
-                <h2 class="text-[1.055vw] text-[#383E43] font-[600]">
+                <h2 class="text-[1vw] text-[#383E43] font-[600]">
                   خدمات مشتریان
                 </h2>
                 <p>تماس با ما</p>
@@ -220,7 +221,7 @@
                 <p>رسانه ها</p>
               </div>
               <div class="text-[#878787] text-[0.833vw] space-y-3 mt-8">
-                <h2 class="text-[1.055vw] text-[#383E43] font-[600]">
+                <h2 class="text-[1vw] text-[#383E43] font-[600]">
                   خدمات مشتریان
                 </h2>
                 <p>تماس با ما</p>
@@ -229,7 +230,7 @@
                 <p>رسانه ها</p>
               </div>
               <div class="text-[#878787] text-[0.833vw] space-y-3 mt-8">
-                <h2 class="text-[1.055vw] text-[#383E43] font-[600]">
+                <h2 class="text-[1vw] text-[#383E43] font-[600]">
                   نماد اعتماد شینان
                 </h2>
                 <div class="flex">