Merge version_2 into main

Merge version_2 into main

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 (
@@ -171,10 +171,10 @@ export default function MainPage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: "Perfect Service, Best Haircut",              quote: "Perfect service, very friendly! And the best haircut I've ever had in Germany. Highly recommend MAIS Barbershop for anyone looking for quality grooming.",              name: "Michael Chen",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-copy-space_23-2148422282.jpg?_wi=5"
+              id: "1",              title: "Perfect Service, Best Haircut",              quote: "Perfect service, very friendly! And the best haircut I've ever had in Germany. Highly recommend MAIS Barbershop for anyone looking for quality grooming.",              name: "Michael Chen",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-hopeless-bearded-man-with-hairstyle-black-background_613910-13972.jpg?id=26398342"
             },
             {
-              id: "2",              title: "Zero Waiting Time, Competitive Prices",              quote: "Impressive service. Zero waiting time. Friendly barber. Competitive price. Highly recommended. The professionalism and speed are unmatched in Düsseldorf.",              name: "Thomas Weber",              role: "CEO, Weber Solutions",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-copy-space_23-2148422282.jpg?_wi=6"
+              id: "2",              title: "Zero Waiting Time, Competitive Prices",              quote: "Impressive service. Zero waiting time. Friendly barber. Competitive price. Highly recommended. The professionalism and speed are unmatched in Düsseldorf.",              name: "Thomas Weber",              role: "CEO, Weber Solutions",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-long-mustache-after-haircut-barbershop_618663-44.jpg?id=24181949"
             },
             {
               id: "3",              title: "Outstanding Quality Hairstyling",              quote: "Highly recommend this spot for anyone looking for quality hairstyling! The attention to detail and customer care sets them apart from other barber shops.",              name: "Marcus Schmidt",              role: "Entrepreneur",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-copy-space_23-2148422282.jpg?_wi=7"
@@ -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>
@@ -221,7 +231,7 @@ export default function MainPage() {
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=2"
+          imageSrc="http://img.b2bpic.net/premium-photo/close-up-young-handsome-man-isolated_926199-2706067.jpg?id=184336375"
           imageAlt="Premium barbershop interior"
           mediaAnimation="slide-up"
           mediaPosition="right"