import Link from "next/link";
import { isComingSoonMode } from "@/lib/site";

export default function NotFound() {
  const comingSoon = isComingSoonMode();

  return (
    <main className="page-content">
      <section className="panel section-stack">
        <div>
          <p className="eyebrow">404</p>
          <h1>الصفحة غير موجودة</h1>
          <p className="lead">
            {comingSoon
              ? "الصفحة المطلوبة غير متاحة حاليًا. يمكنك العودة إلى الصفحة الرئيسية."
              : "الصفحة المطلوبة غير متاحة حاليًا. يمكنك العودة إلى النسخة العربية أو الإنجليزية من الصفحة الرئيسية."}
          </p>
        </div>

        <div className="cta-row">
          {comingSoon ? (
            <Link href="/" className="cta-btn">
              العودة إلى الرئيسية
            </Link>
          ) : (
            <>
              <Link href="/ar" className="cta-btn">
                العودة إلى العربية
              </Link>
              <Link href="/en" className="ghost-btn">
                Go to English
              </Link>
            </>
          )}
        </div>
      </section>
    </main>
  );
}