Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -5,8 +5,8 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Scissors, Zap, Smile, Users, Calendar, CheckCircle, Phone } from "lucide-react";
@@ -114,6 +114,24 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardOne
+          title="Area 809 by the Numbers"
+          description="The trusted choice for professional grooming in Bridgeport"
+          tag="Stats"
+          tagAnimation="opacity"
+          metrics={[
+            { id: "1", value: "1000+", title: "Satisfied Clients", description: "Men and kids who trust us with their grooming", icon: Users },
+            { id: "2", value: "9", title: "Years", description: "Serving the Bridgeport community with excellence", icon: Calendar },
+            { id: "3", value: "100%", title: "Satisfaction", description: "Appointment-based service, no waiting, quality guaranteed", icon: CheckCircle }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="What Our Clients Say"
@@ -137,24 +155,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          title="Area 809 by the Numbers"
-          description="The trusted choice for professional grooming in Bridgeport"
-          tag="Stats"
-          tagAnimation="opacity"
-          metrics={[
-            { id: "1", value: "1000+", title: "Satisfied Clients", description: "Men and kids who trust us with their grooming", icon: Users },
-            { id: "2", value: "9", title: "Years", description: "Serving the Bridgeport community with excellence", icon: Calendar },
-            { id: "3", value: "100%", title: "Satisfaction", description: "Appointment-based service, no waiting, quality guaranteed", icon: CheckCircle }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Get in Touch"