heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update contact us information

Browse Source
This commit is contained in:
marzban-dev
2026-01-31 10:18:33 +03:30
parent 4934f2e525
commit 10ccedfda9
1 changed files with 26 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/pages/contact-us.vue
+26 -51
View File
@@ -2,7 +2,7 @@
// state // state
useSeoMeta({ useSeoMeta({
title : "ارتباط با ما" title: "ارتباط با ما",
}); });
const contactInfo = ref({ const contactInfo = ref({
@@ -15,39 +15,38 @@ const contactInfo = ref({
const requestTypes = ref(["انتقادات", "پیشنهادات", "پیگیری سفارش"]); const requestTypes = ref(["انتقادات", "پیشنهادات", "پیگیری سفارش"]);
const contactWays = ref([ const contactWays = ref<{ title: string; ways: { type: "text" | "link"; title: string; path?: string }[] }[]>([
{ {
title: "آدرس", title: "آدرس",
ways: [ ways: [
{ {
type: "link", type: "text",
title: "mlz@gmail.com", title: `استان فارس,شهرستان شيراز,بخش مركزى, شهر
path: "mailto:mlz@gmail.com", شيراز, گلستان، بلوار سما,خيابان شهيد طهماسبى ،پلاك ١٩٨ ,طبقه همكف`,
},
{
type: "text",
title: "کد پستی :‌7145746584",
}, },
], ],
}, },
{ {
title: "آدرس الکترونیکی", title: "شماره تماس",
ways: [ ways: [
{ {
type: "link", type: "link",
title: "mlz2@gmail.com", title: "09026663488",
path: "mailto:mlz2@gmail.com", path: "tell:09026663488",
},
{
type: "link",
title: "mlz3@gmail.com",
path: "mailto:mlz3@gmail.com",
}, },
], ],
}, },
{ {
title: "تلفن", title: "ایمیل شرکت",
ways: [ ways: [
{ {
type: "link", type: "link",
title: "+33 (0) 31-305-210", title: "npsayna@gmail.com",
path: "tel:12345678", path: "mailto:npsayna@gmail.com",
}, },
], ],
}, },
@@ -115,57 +114,33 @@ const contactWays = ref([
</Button> </Button>
</div> </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 <div
v-for="(way, index) in contactWays" v-for="(way, index) in contactWays"
:key="index" :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"> <span class="text-slate-500 max-lg:text-sm">
{{ way.title }} {{ way.title }}
</span> </span>
<div <div
v-for="(link, index) in way.ways" v-for="(item, index) in way.ways"
:key="index" :key="index"
class="flex flex-col" class="flex flex-col"
> >
<a <a
:href="link.path" v-if="item.type === 'link'"
:href="item.path!"
class="text-black underline max-lg:text-xs lg:text-sm" class="text-black underline max-lg:text-xs lg:text-sm"
>{{ link.title }}</a
> >
</div> {{ item.title }}
</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"
/>
</a> </a>
<a <p
href="#" v-else
class="" class="leading-[175%]! max-lg:text-xs lg:text-sm max-w-100"
> >
<Icon {{ item.title }}
name="bi:instagram" </p>
class="lg:text-lg"
/>
</a>
<a
href="#"
class=""
>
<Icon
name="bi:twitter-x"
class="lg:text-lg"
/>
</a>
</div> </div>
</div> </div>
</div> </div>