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

export const metadata: Metadata = {
  title: "پشتیبانی",
  description: "از تیم پشتیبانی برگ وسط کمک بگیرید — ایمیل، تلگرام و اینستاگرام.",
  alternates: { canonical: "/support" },
};

export default function SupportPage() {
  return (
    <PageShell title="پشتیبانی" subtitle="سوالی داری یا مشکلی پیش آمده؟ ما اینجاییم.">
      <SupportContact />
      <p className="text-sm text-cream/55">
        پیش از تماس، نگاهی به{" "}
        <a href="/faq" className="text-gold-soft underline">
          سوال‌های متداول
        </a>{" "}
        بینداز — شاید جوابت همان‌جا باشد.
      </p>
    </PageShell>
  );
}