diff --git a/frontend/pages/contact-us.vue b/frontend/pages/contact-us.vue
index 00486ed..1a79e40 100644
--- a/frontend/pages/contact-us.vue
+++ b/frontend/pages/contact-us.vue
@@ -2,7 +2,7 @@
 // state
 
 useSeoMeta({
-    title : "ارتباط با ما"
+    title: "ارتباط با ما",
 });
 
 const contactInfo = ref({
@@ -15,39 +15,38 @@ const contactInfo = ref({
 
 const requestTypes = ref(["انتقادات", "پیشنهادات", "پیگیری سفارش"]);
 
-const contactWays = ref([
+const contactWays = ref<{ title: string; ways: { type: "text" | "link"; title: string; path?: string }[] }[]>([
     {
         title: "آدرس",
         ways: [
             {
-                type: "link",
-                title: "mlz@gmail.com",
-                path: "mailto:mlz@gmail.com",
+                type: "text",
+                title: `استان فارس,شهرستان شيراز,بخش مركزى, شهر
+                        شيراز, گلستان، بلوار سما,خيابان شهيد طهماسبى ،پلاك ١٩٨ ,طبقه همكف`,
+            },
+            {
+                type: "text",
+                title: "کد پستی :‌7145746584",
             },
         ],
     },
     {
-        title: "آدرس الکترونیکی",
+        title: "شماره تماس",
         ways: [
             {
                 type: "link",
-                title: "mlz2@gmail.com",
-                path: "mailto:mlz2@gmail.com",
-            },
-            {
-                type: "link",
-                title: "mlz3@gmail.com",
-                path: "mailto:mlz3@gmail.com",
+                title: "09026663488",
+                path: "tell:09026663488",
             },
         ],
     },
     {
-        title: "تلفن",
+        title: "ایمیل شرکت",
         ways: [
             {
                 type: "link",
-                title: "+33 (0) 31-305-210",
-                path: "tel:12345678",
+                title: "npsayna@gmail.com",
+                path: "mailto:npsayna@gmail.com",
             },
         ],
     },
@@ -115,57 +114,33 @@ const contactWays = ref([
                     </Button>
                 </div>
 
-                <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 w-full max-lg:gap-10">
+                <div class="flex max-sm:flex-col gap-8 w-full lg:gap-20">
                     <div
                         v-for="(way, index) in contactWays"
                         :key="index"
-                        class="flex flex-col max-lg:items-center gap-3"
+                        class="flex flex-col  gap-3"
                     >
                         <span class="text-slate-500 max-lg:text-sm">
                             {{ way.title }}
                         </span>
                         <div
-                            v-for="(link, index) in way.ways"
+                            v-for="(item, index) in way.ways"
                             :key="index"
                             class="flex flex-col"
                         >
                             <a
-                                :href="link.path"
+                                v-if="item.type === 'link'"
+                                :href="item.path!"
                                 class="text-black underline max-lg:text-xs lg:text-sm"
-                                >{{ link.title }}</a
                             >
-                        </div>
-                    </div>
-                    <div class="flex flex-col max-lg:items-center gap-3">
-                        <span class="text-slate-500 typo-p-md"> شبکه های اجتماعی </span>
-                        <div class="flex items-center gap-3">
-                            <a
-                                href="#"
-                                class=""
-                            >
-                                <Icon
-                                    name="bi:telegram"
-                                    class="lg:text-lg"
-                                />
+                                {{ item.title }}
                             </a>
-                            <a
-                                href="#"
-                                class=""
+                            <p
+                                v-else
+                                class="leading-[175%]! max-lg:text-xs lg:text-sm max-w-100"
                             >
-                                <Icon
-                                    name="bi:instagram"
-                                    class="lg:text-lg"
-                                />
-                            </a>
-                            <a
-                                href="#"
-                                class=""
-                            >
-                                <Icon
-                                    name="bi:twitter-x"
-                                    class="lg:text-lg"
-                                />
-                            </a>
+                                {{ item.title }}
+                            </p>
                         </div>
                     </div>
                 </div>