Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
@@ -10,6 +10,7 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import SplitAboutMetrics from '@/components/sections/about/SplitAboutMetrics';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { CheckCircle, Users, TrendingUp, Star } from "lucide-react";
 
@@ -325,6 +326,34 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="split-about-metrics" data-section="split-about-metrics">
+        <SplitAboutMetrics
+          title="Why Rubyroid Stands Out"
+          description="Our unique approach combines industry expertise with student success"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766484693438-07rkdlqa.jpg"
+          imageAlt="Rubyroid learning experience"
+          imagePosition="left"
+          metrics={[
+            {
+              id: "1",
+              value: "500+",
+              label: "Graduates"
+            },
+            {
+              id: "2",
+              value: "95%",
+              label: "Job Placement"
+            },
+            {
+              id: "3",
+              value: "4.9/5",
+              label: "Student Rating"
+            }
+          ]}
+          useInvertedBackground="noInvert"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBaseCard
           logoText="Rubyroid"