From 1c5b72ff5b4cd51afba493c0e07efcf215029db6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 12:59:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a22c41d..afac316 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,10 +7,10 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Award, Camera, CheckCircle, MapPin, Scissors, Sparkles, Star, Trophy } from 'lucide-react';
+import { Award, Camera, CheckCircle, MapPin, Scissors, Sparkles, Star, Trophy, Zap, Clock } from 'lucide-react';
 
 export default function MainPage() {
   return (
@@ -193,7 +193,7 @@ export default function MainPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardTwo
+        <MetricCardSeven
           title="Why Choose MAIS"
           description="Award-winning barber shop with proven excellence"
           tag="Achievements"
@@ -201,13 +201,23 @@ export default function MainPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           metrics={[
-            { id: "1", value: "4.8★", description: "Average Rating from 175+ Reviews" },
-            { id: "2", value: "0 min", description: "Average Waiting Time" },
-            { id: "3", value: "10+", description: "Years of Experience" },
-            { id: "4", value: "100%", description: "Customer Satisfaction" }
+            { 
+              id: "1", 
+              value: "4.8", 
+              title: "Star Rating",              items: ["175+ verified reviews", "Industry-leading satisfaction", "Trusted by clients worldwide"]
+            },
+            { 
+              id: "2", 
+              value: "0", 
+              title: "Minutes Waiting",              items: ["Quick appointments", "Efficient service flow", "No long queues"]
+            },
+            { 
+              id: "3", 
+              value: "10+", 
+              title: "Years Experience",              items: ["Expert master barbers", "Proven track record", "Continuous excellence"]
+            }
           ]}
         />
       </div>
-- 
2.49.1