import type { Metadata } from "next";
import { Suspense } from "react";
import { CertificateClient } from "./CertificateClient";

export const metadata: Metadata = {
  title: "Member Certificate",
  description:
    "View and print your official membership / volunteer certificate for Shanti Kritnischay Seva Foundation, Chatra, Jharkhand.",
};

export default function CertificatePage() {
  return (
    <Suspense
      fallback={
        <div className="grid min-h-screen place-items-center bg-[var(--color-canvas-soft)]">
          <div className="h-10 w-10 animate-spin rounded-full border-4 border-[var(--color-hairline)] border-t-[var(--color-primary)]" />
        </div>
      }
    >
      <CertificateClient />
    </Suspense>
  );
}