import { AdminPageHeader } from "@/components/admin/AdminBreadcrumbs";
import { contentService } from "@/modules/content";
import { AboutForm } from "./about-form";

export const dynamic = "force-dynamic";
export const metadata = { title: "About Us · Admin" };

export default async function AdminAboutPage() {
  const content = await contentService.get("about");
  const data = (content?.data as Record<string, unknown> | undefined) ?? null;
  return (
    <div className="space-y-6">
      <AdminPageHeader
        breadcrumbs={[
          { label: "Admin", href: "/admin" },
          { label: "About Us" },
        ]}
        title="About Us CMS"
        description="Manage the public about page."
      />
      <AboutForm initial={data} />
    </div>
  );
}