import { Suspense } from "react";
import type { Metadata } from "next";
import { EventDetailPage } from "@/components/life/DetailPages";

export const metadata: Metadata = {
  title: "Festival and Event | Discover Syria",
};

export default function Page() {
  return (
    <section className="wrap lf-body lf-detail-page">
      {/* Static export: the ?id= value is read on the client, so the page sits behind a Suspense boundary. */}
      <Suspense fallback={null}>
        <EventDetailPage />
      </Suspense>
    </section>
  );
}