Update src/app/page.tsx

src/app/page.tsx

@@ -8,9 +8,9 @@ import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirte
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactInline from '@/components/sections/contact/ContactInline';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import SplitAboutMetrics from '@/components/sections/about/SplitAboutMetrics';
 
 export default function LandingPage() {
   return (
@@ -50,14 +50,16 @@ export default function LandingPage() {
       </div>
       
       <div id="about" data-section="about">
-        <ParallaxAbout
+        <SplitAboutMetrics
           title="Learn English Your Way"
           description="Red Room is dedicated to transforming how you experience English language learning. Through innovative teaching methods, personalized attention, and a supportive community, we help every student achieve their language goals with confidence and fluency."
-          tag="Our Mission"
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490825100-qr8p9dkh.jpg"
           imageAlt="English learning materials and resources"
-          buttons={[{"text":"Explore","href":"#feature"}]}
-          descriptionClassName="text-white"
+          metrics={[
+            { id: "1", value: "500+", label: "Students Trained" },
+            { id: "2", value: "95%", label: "Success Rate" },
+            { id: "3", value: "10+", label: "Years Experience" }
+          ]}
         />
       </div>