first commit

app/contactus/page.js

@@ -0,0 +1,15 @@
+import { Instagram, Mail } from 'lucide-react';
+import { PageHeading } from '../../components/common';
+import ContactForm from '../../components/contact-form';
+import { offices, phones, emails, instagram } from '../../lib/content';
+export const metadata = { title: 'تماس با گروه معماری ساناز گودرزی', description:'اطلاعات تماس، شماره تلفن، ایمیل و نشانی دفترهای گروه معماری ساناز گودرزی در تهران، کیش، قم و ازمیر.', alternates:{canonical:'/contactus/'} };
+export default function Contact() {
+  return <><PageHeading title="تماس با ما" en="Contact Us"/>
+    <section className="reference-contact">
+      <div><h2>آدرس مجموعه</h2>{offices.map(office=><p key={office.city}>{office.city} — {office.address}</p>)}<p className="contact-address-latin" dir="ltr">{offices[3].latin}</p></div>
+      <div className="reference-contact-links"><h2>اطلاعات تماس با ما</h2>{phones.map(phone=><a key={phone.value} dir="ltr" href={`tel:${phone.value}`}>{phone.label}</a>)}{emails.map(email=><a key={email} href={`mailto:${email}`} dir="ltr">{email}</a>)}</div>
+      <div><h2>با ما در شبکه‌های اجتماعی</h2><div className="reference-contact-social"><a href={instagram} target="_blank" rel="noreferrer"><span dir="ltr">instagram</span><Instagram/></a><a href={`mailto:${emails[0]}`}><span dir="ltr">email</span><Mail/></a></div></div>
+    </section>
+    <section className="reference-message"><h2>منتظر پیام شما هستیم</h2><p className="reference-english" dir="ltr">SEND US MESSAGE</p><ContactForm/></section>
+  </>;
+}