import { SITE, type Lang } from "@/lib/config";

export const revalidate = SITE.revalidateSeconds;

export default function SupportPage({ params }: { params: { lang: Lang } }) {
  const isAr = params.lang === "ar";
  return (
    <main className="max-w-4xl mx-auto px-4 py-16 space-y-10">
      <section>
        <h1 className="text-3xl md:text-4xl font-extrabold">
          {isAr ? "دعم موعدي" : "Mawidi support"}
        </h1>
        <p className="mt-4 text-neutral-600 text-lg">
          {isAr
            ? "فريق مختص لمساعدتك على مدار الأسبوع مع قنوات متعددة حسب حجم الاشتراك."
            : "Specialist team available throughout the week with multi-channel support based on your plan."}
        </p>
      </section>
      <section className="border rounded-2xl p-6 bg-slate-50 space-y-4">
        <h2 className="text-xl font-semibold">
          {isAr ? "قنوات الدعم" : "Support channels"}
        </h2>
        <ul className="text-neutral-600 space-y-2">
          <li>
            {isAr
              ? "واتساب فوري للعملاء التجريبيين"
              : "Instant WhatsApp for pilot customers"}
          </li>
          <li>
            {isAr
              ? "تيليجرام / سلاك للدعم الممتد"
              : "Telegram / Slack for extended teams"}
          </li>
          <li>
            {isAr
              ? "بوابة تذاكر مع متابعة SLA"
              : "Ticket portal with tracked SLAs"}
          </li>
        </ul>
      </section>
      <section className="border rounded-2xl p-6 bg-white space-y-3">
        <h2 className="text-xl font-semibold">
          {isAr ? "ساعات العمل" : "Hours"}
        </h2>
        <p className="text-neutral-600">
          {isAr
            ? "الأحد - الخميس: 9 صباحاً حتى 9 مساءً (توقيت الرياض)"
            : "Sunday – Thursday: 9am to 9pm AST"}
        </p>
        <p className="text-neutral-600">
          {isAr
            ? "الجمعة والسبت: دعم طارئ فقط"
            : "Friday & Saturday: emergency coverage only"}
        </p>
      </section>
    </main>
  );
}
