import { ReserveForm } from "@/components/ReserveForm";
import { getTranslations } from "next-intl/server";

export default async function ReservePage() {
  const t = await getTranslations("reserve");

  return (
    <div className="mx-auto max-w-6xl px-4 py-12 md:px-6 md:py-16">
      <h1 className="font-[family-name:var(--font-display)] text-4xl text-foreground">
        {t("title")}
      </h1>
      <p className="mt-3 max-w-2xl text-muted">{t("subtitle")}</p>
      <ReserveForm />
    </div>
  );
}