From 314c9ae5b72cc8a3514b5e4eb66d26332d842a7d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 03:39:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 849d058..67f9413 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,10 +8,10 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Shield, TrendingUp, Zap } from "lucide-react";
+import { Shield, TrendingUp, Zap, Users, BarChart, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -146,19 +146,17 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
+      <MetricCardThree
+      animationType="slide-up"
+      textboxLayout="split"
       useInvertedBackground={false}
-      title="Proven Results"
-      tag="Performance Metrics"
+      title="Key Impact Numbers"
+      description="A quick look at how we help our partners succeed."
       metrics={[
-        {
-          id: "m1",          value: "150+",          description: "Websites Built"},
-        {
-          id: "m2",          value: "99.9%",          description: "Uptime Guaranteed"},
-        {
-          id: "m3",          value: "24/7",          description: "Support Available"},
+        { id: "m1", icon: Users, title: "Satisfied Clients", value: "150+" },
+        { id: "m2", icon: BarChart, title: "Uptime Rate", value: "99.9%" },
+        { id: "m3", icon: Award, title: "Support SLA", value: "24/7" },
       ]}
-      metricsAnimation="slide-up"
     />
   </div>