import type { Metadata } from "next";
import ContactFormClient from "@/components/ContactFormClient";

export const metadata: Metadata = {
  title: "تماس با ما - نمایندگی رسمی مکمل‌های کانینا آلمان در ایران",
  description: "راه‌های ارتباطی، تلفن تماس ویژه، آدرس دفتر مرکزی و فرم تماس مستقیم با نمایندگی انحصاری کانیتا آلمان در ایران.",
  alternates: {
    canonical: "/contact",
  },
  openGraph: {
    title: "تماس با ما - کانینا ایران",
    description: "راه‌های ارتباطی با نمایندگی رسمی مکمل‌های دامپزشکی کانینا در ایران.",
    url: "https://canina-iran.com/contact",
    siteName: "کانینا ایران",
    locale: "fa_IR",
    type: "website",
  }
};

export default function ContactPage() {
  return (
    <div className="bg-medical-gray-50 py-16 px-4 sm:px-6 lg:px-8 font-vazir" dir="rtl">
      <div className="max-w-6xl mx-auto space-y-16">
        
        {/* Title */}
        <div className="text-center space-y-4">
          <span className="inline-flex items-center gap-2 px-4 py-2 bg-canina-blue/5 border border-canina-blue/10 rounded-full text-canina-blue text-xs font-black uppercase tracking-widest">
            پاسخگوی شما هستیم
          </span>
          <h1 className="text-4xl lg:text-5xl font-black text-medical-gray-900 leading-tight">
            تماس با <span className="text-canina-blue italic">کانینا ایران</span>
          </h1>
          <p className="text-lg text-medical-gray-500 max-w-2xl mx-auto leading-relaxed">
            جهت مشاوره تخصصی، خرید عمده و پیگیری سفارشات با ما در ارتباط باشید.
          </p>
        </div>

        <ContactFormClient />

      </div>
    </div>
  );
}