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

export const revalidate = SITE.revalidateSeconds;

export default function FeaturesPage({ params }: { params: { lang: Lang } }) {
  const isAr = params.lang === "ar";
  return (
    <main className="max-w-6xl mx-auto px-4 py-16 space-y-10">
      <section className="space-y-4">
        <h1 className="text-3xl md:text-4xl font-extrabold">
          {isAr ? "مزايا موعدي الأساسية" : "Core Mawidi features"}
        </h1>
        <p className="text-neutral-600 text-lg">
          {isAr
            ? "طبقات مخصّصة من الذكاء الاصطناعي والفريق البشري تساعد على تحويل المحادثات إلى حجوزات مدفوعة وتوفير تقارير دقيقة."
            : "Layers of automation and human operations designed to capture revenue and give every stakeholder clarity."}
        </p>
      </section>
      <section className="grid gap-6 md:grid-cols-2">
        {[
          {
            icon: "📞",
            titleEn: "24/7 concierge desk",
            titleAr: "استقبال على مدار الساعة",
            copyEn:
              "Arabic + English replies with custom playbooks, escalation rules, and post-care scripts.",
            copyAr:
              "ردود بالعربية والإنجليزية مع سيناريوهات مخصصة، قواعد التصعيد، ونصوص ما بعد الجلسة.",
          },
          {
            icon: "🧩",
            titleEn: "Templates & journeys",
            titleAr: "قوالب ورحلات عمل",
            copyEn:
              "Pre-approved WhatsApp templates for marketing, reminders, and deposits mapped to each service.",
            copyAr: "قوالب واتساب معتمدة للتسويق والتذكير والعربون لكل خدمة.",
          },
          {
            icon: "📈",
            titleEn: "Live dashboards",
            titleAr: "لوحات محدثة",
            copyEn:
              "Branch-level dashboards with conversion, prepaid ratios, and response SLAs.",
            copyAr:
              "لوحات لكل فرع تعرض التحويل ونسبة المدفوع مسبقاً ومستويات SLA للردود.",
          },
          {
            icon: "🔄",
            titleEn: "System integrations",
            titleAr: "تكامل الأنظمة",
            copyEn:
              "Connect PMS, calendars, and payment providers to eliminate manual double entry.",
            copyAr:
              "ربط أنظمة الحجز والتقاويم وبوابات الدفع لإزالة الإدخال المزدوج.",
          },
        ].map((feature) => (
          <div
            key={feature.titleEn}
            className="rounded-2xl border border-slate-100 bg-white p-6 shadow-sm"
          >
            <div className="text-3xl">{feature.icon}</div>
            <h3 className="mt-3 text-xl font-semibold text-brand-ink">
              {isAr ? feature.titleAr : feature.titleEn}
            </h3>
            <p className="mt-2 text-neutral-600">
              {isAr ? feature.copyAr : feature.copyEn}
            </p>
          </div>
        ))}
      </section>
    </main>
  );
}