Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
-import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
+import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
 import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
 import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
@@ -73,9 +73,16 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <ParallaxAbout
-          title="Our Roman Origins"
-          description="In the heart of Rome stands a centuries-old institution that has shaped countless lives. For us, it was more than an academy—it was where lifelong friendships began. From its historic halls to the eternal city's streets, PRVNE was born from shared experiences, late-night conversations, and dreams discussed beneath ancient Roman skies."
+        <SplitAboutMetric
+          title="Our Roman Origin Story"
+          description={[
+            "In the heart of Rome stands a centuries-old institution that has shaped countless lives. For us, it was more than an academy—it was where lifelong friendships began. From its historic halls to the eternal city's streets, PRVNE was born from shared experiences, late-night conversations, and dreams discussed beneath ancient Roman skies."
+          ]}
+          metrics={[
+            { label: "Years of Friendship", value: "Lifetime+" },
+            { label: "Bonds Unbreakable", value: "Forever" }
+          ]}
+          useInvertedBackground="noInvert"
         />
       </div>