import type { Metadata } from "next";
import { Suspense } from "react";
import { SignInPage } from "@/components/auth/SignInPage";

export const metadata: Metadata = {
  title: "Sign in",
  description: "Sign in to Postvertise with a secure magic link.",
};

export default function Page() {
  return (
    <Suspense
      fallback={
        <div className="flex flex-1 items-center justify-center px-5 py-12">
          <p className="text-ink-60">Loading sign in…</p>
        </div>
      }
    >
      <SignInPage />
    </Suspense>
  );
}