diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6157fcf..48d5e90 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 
 export default function LandingPage() {
   return (
@@ -90,11 +91,15 @@ export default function LandingPage() {
   </div>
 
   <div id="candidate-profile" data-section="candidate-profile">
-      <TextSplitAbout
+      <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="พี่มะปราง - ประธานสภานักเรียน"
-      description={[
-        "นางสาวปริชาต จรเขตร์ ม.6/4",        "ปีการศึกษา 2569",        "หัวใจนักพัฒนา พร้อมรับฟังทุกเสียง เพื่อสร้างสรรค์สิ่งใหม่ๆ ให้กับโรงเรียนของเรา",        "มีประสบการณ์ทำงานในคณะกรรมการนักเรียนมาอย่างยาวนาน",        "มุ่งมั่นพัฒนาโรงเรียนให้เป็นพื้นที่แห่งการเรียนรู้และการเติบโต"]}
+      description="นางสาวปริชาต จรเขตร์ ม.6/4\nปีการศึกษา 2569\nหัวใจนักพัฒนา พร้อมรับฟังทุกเสียง เพื่อสร้างสรรค์สิ่งใหม่ๆ ให้กับโรงเรียนของเรา\nมีประสบการณ์ทำงานในคณะกรรมการนักเรียนมาอย่างยาวนาน\nมุ่งมั่นพัฒนาโรงเรียนให้เป็นพื้นที่แห่งการเรียนรู้และการเติบโต"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eg11yxeKKmAsxMjSv8DlPL1vRv/uploaded-1780586431747-ua8xhhgg.jpg"
+      imageAlt="Portrait of P'Maprang, Student Council President"
+      mediaAnimation="slide-up"
+      metrics={[]}
+      metricsAnimation="none"
     />
   </div>