Update src/app/page.tsx

src/app/page.tsx

@@ -7,6 +7,7 @@ import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
+import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { Linkedin } from "lucide-react";
@@ -239,6 +240,39 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardFive
+          title="Our Impact in Numbers"
+          description="Delivering measurable results for our clients"
+          tag="Key Metrics"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",
+              value: "25+",
+              description: "Years of combined legal expertise and industry leadership"
+            },
+            {
+              id: "2",
+              value: "500+",
+              description: "Successful cases resolved with favorable outcomes"
+            },
+            {
+              id: "3",
+              value: "98%",
+              description: "Client satisfaction rate and repeat business rate"
+            },
+            {
+              id: "4",
+              value: "$2B+",
+              description: "Total value of transactions and settlements handled"
+            }
+          ]}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to move forward with your legal matter? Contact our team today for a confidential consultation."