import type { Metadata } from "next";
import { ContactForm } from "@/components/layout/ContactForm";
import { StaticPage } from "@/components/layout/StaticPage";
import { site } from "@/lib/site";

export const metadata: Metadata = { title: "تماس با ما", alternates: { canonical: "/contact" } };

export default function ContactPage() {
  return (
    <StaticPage title="تماس با ما" lead="سؤالی درباره سفارش یا انتخاب محصول دارید؟ خوشحال می‌شویم کمک کنیم.">
      <ul className="!list-none !ps-0">
        <li>تلفن: <bdi>{site.phone}</bdi></li>
        <li>ایمیل: {site.email}</li>
        <li>ساعات پاسخگویی: {site.supportHours}</li>
        <li>نشانی: {site.address}</li>
      </ul>
      <div className="pt-4"><ContactForm /></div>
    </StaticPage>
  );
}