import { aboutApi } from "../../api/aboutApi";
import HeroSection from "../components/about/HeroSection";
import Mission from "../components/about/Mission";
import WhyParis from "../components/about/WhyParis";
import HistoryTimeline from "../components/about/HistoryTimeline";
import LeadershipMessage from "../components/about/LeaderShip_Message";
import LeadershipBoard from "../components/about/LeaderShip_Broad";
import Campus from "../components/about/Campus";

export const dynamic = 'force-dynamic';

export default async function AboutPage() {
    const data = await aboutApi.getAbout();

    return (
        <>
            <HeroSection data={data} />
            <Mission />
            <WhyParis />
            <LeadershipMessage />
            <Campus />
            <HistoryTimeline />
            <LeadershipBoard />
        </>
    );
}
