Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -68,12 +68,36 @@ export default function LandingPage() {
         {
           imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg",          imageAlt: "Residential HVAC installation"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hvac-system-manometers_482257-90544.jpg",          imageAlt: "Climate control system"},
+          imageSrc: "http://img.b2bpic.net/close-up-hvac-system-manometers_482257-90544.jpg",          imageAlt: "Climate control system"},
       ]}
       mediaAnimation="slide-up"
     />
   </div>
 
+  <div id="process" data-section="process">
+      <MetricCardSeven
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      metrics={[
+        {
+          id: "m1",          value: "30+",          title: "Years of Loyal Service",          items: [
+            "Consistent quality",            "Proven reliability",            "Customer-first focus"],
+        },
+        {
+          id: "m2",          value: "4.8/5",          title: "Customer Rating",          items: [
+            "Verified reviews",            "Top-tier satisfaction",            "Recommended service"],
+        },
+        {
+          id: "m3",          value: "100%",          title: "Commitment",          items: [
+            "Honest diagnostics",            "Respectful workmanship",            "Guaranteed comfort"],
+        },
+      ]}
+      title="Authority & Trust"
+      description="Our metrics reflect our commitment to excellence and the long-term relationships we build with our community."
+    />
+  </div>
+
   <div id="services" data-section="services">
       <FeatureCardTwentyThree
       animationType="slide-up"
@@ -120,30 +144,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="process" data-section="process">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "01",          title: "Initial Consultation",          items: [
-            "Speak with our team",            "Describe your comfort issues",            "Book an appointment"],
-        },
-        {
-          id: "m2",          value: "02",          title: "Honest Diagnosis",          items: [
-            "Expert inspection",            "Practical explanations",            "Straightforward options"],
-        },
-        {
-          id: "m3",          value: "03",          title: "Clean Execution",          items: [
-            "Professional repairs",            "Clean workmanship",            "Guaranteed results"],
-        },
-      ]}
-      title="Our Service Process"
-      description="Three simple steps to getting your home comfort back on track with zero guesswork."
-    />
-  </div>
-
   <div id="reviews" data-section="reviews">
       <TestimonialCardFive
       textboxLayout="default"
@@ -244,4 +244,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}