feat: Create FE home page and about page

app/about/page.tsx

@@ -1,24 +1,26 @@
-import { AboutHero, AboutIntro, AboutMission, AboutFeatures, AboutNews } from "../components/about";
 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";
 
-// Force dynamic rendering - không cache
 export const dynamic = 'force-dynamic';
 
 export default async function AboutPage() {
     const data = await aboutApi.getAbout();
 
-    if (!data) {
-        return null;
-    }
-
     return (
         <>
-            <AboutHero data={data.hero} />
-            <AboutIntro data={data.intro} />
-            <AboutMission data={data.mission} />
-            <AboutFeatures data={data.features} />
-            <AboutNews data={data.news} />
+            <HeroSection data={data} />
+            <Mission />
+            <WhyParis />
+            <LeadershipMessage />
+            <Campus />
+            <HistoryTimeline />
+            <LeadershipBoard />
         </>
     );
 }
-