import type { Metadata } from "next";
import { PageContainer } from "@/components/layout/PageContainer";
import { AboutView } from "@/components/public/AboutView";
import { contentService } from "@/modules/content";

export const dynamic = "force-dynamic";
export const metadata: Metadata = {
  title: "About · Event Manager",
};

interface AboutData {
  pageTitle?: string;
  subtitle?: string;
  heroContent?: string;
  mainDescription?: string;
  mission?: string;
  vision?: string;
  featureSections?: { title: string; description: string; icon?: string }[];
  statistics?: { label: string; value: string; icon?: string }[];
  teamSections?: {
    title?: string;
    description?: string;
    members?: { name: string; role: string; bio?: string }[];
  };
}

export default async function AboutPage() {
  const content = await contentService.getPublished("about");
  const data = (content?.data ?? null) as AboutData | null;
  return (
    <PageContainer className="max-w-5xl">
      <AboutView data={data} />
    </PageContainer>
  );
}