89 lines
3.5 KiB
TypeScript
89 lines
3.5 KiB
TypeScript
import React from 'react'
|
|
import type { Metadata } from 'next'
|
|
import { ContactInfoGrid } from '@/components/sections/other/contact-info-grid'
|
|
import { ContactForm } from '@/components/sections/other/contact-form'
|
|
import { getContentSync } from '@/lib/content'
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
try {
|
|
const content = getContentSync()
|
|
const meta = content.meta?.pages?.contact
|
|
if (meta?.title) {
|
|
return { title: meta.title, description: meta.description ?? undefined }
|
|
}
|
|
} catch {
|
|
// fallback if content fails
|
|
}
|
|
return { title: 'تماس با ما', description: 'برای ارتباط با مستر دکور با ما تماس بگیرید.' }
|
|
}
|
|
|
|
export default function ContactPage() {
|
|
const content = getContentSync()
|
|
const contact = content.pages?.contact
|
|
// const siteName = content.meta?.siteName ?? 'مستر دکور'
|
|
const heading = contact?.heading ?? 'تماس با ما'
|
|
const description =
|
|
contact?.description ?? 'برای دریافت مشاوره، استعلام قیمت و انتخاب بهترین دکور ویترین طلافروشی با ما در ارتباط باشید.'
|
|
const contactItems = [
|
|
{
|
|
label: 'ایمیل',
|
|
description: 'برای دریافت پیش فاکتور، کاتالوگ یا پاسخ تخصصی، درخواست خود را ایمیل کنید.',
|
|
value: 'info@mrdecorr.com',
|
|
href: 'mailto:info@mrdecorr.com',
|
|
icon: 'mail' as const,
|
|
},
|
|
{
|
|
label: 'دفتر',
|
|
description: 'برای هماهنگی جلسه حضوری و بررسی دقیق نیاز فروشگاه، به دفتر ما مراجعه کنید.',
|
|
value: 'مشاهده موقعیت روی نقشه',
|
|
href: 'https://maps.google.com',
|
|
icon: 'map' as const,
|
|
},
|
|
{
|
|
label: 'تلفن',
|
|
description: 'برای مشاوره سریع و ثبت سفارش، از شنبه تا پنجشنبه پاسخگوی شما هستیم.',
|
|
value: '۰۹۱۲ ۹۴ ۹۷ ۳۱۵',
|
|
href: 'tel:09129497315',
|
|
icon: 'phone' as const,
|
|
},
|
|
{
|
|
label: 'پشتیبانی واتساپ',
|
|
description: 'برای ارسال عکس ویترین و دریافت پیشنهاد اولیه، در واتساپ پیام دهید.',
|
|
value: 'شروع گفتگو',
|
|
href: 'https://wa.me/989129497315',
|
|
icon: 'chat' as const,
|
|
},
|
|
]
|
|
|
|
return (
|
|
<main className="min-h-screen">
|
|
<ContactInfoGrid title={heading} description={description} items={contactItems} />
|
|
<section
|
|
id="contact-form"
|
|
className="flex min-h-[50vh] flex-col items-center justify-center px-4 py-24 md:px-6 md:py-32 lg:py-40"
|
|
aria-labelledby="contact-form-heading"
|
|
>
|
|
<div className="mx-auto w-full max-w-7xl">
|
|
<div className="flex flex-col items-center space-y-10 text-center">
|
|
<div className="space-y-4">
|
|
<h2
|
|
id="contact-form-heading"
|
|
className="text-heading-2 font-semibold text-foreground"
|
|
>
|
|
تکمیل فرم
|
|
</h2>
|
|
<p className="text-body mx-auto max-w-2xl text-muted-foreground">
|
|
اطلاعات فروشگاه و نیاز خود را ثبت کنید تا کارشناسان مستر دکور در کوتاه ترین زمان با شما تماس بگیرند.
|
|
</p>
|
|
</div>
|
|
<div className="w-full max-w-2xl">
|
|
<ContactForm />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
)
|
|
}
|
|
|