Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -118,29 +118,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardFourteen
-          title="Trusted by hundreds of satisfied customers across the region with proven performance and longevity."
-          tag="Our Track Record"
-          metrics={[
-            {
-              id: "1",              value: "10+",              description: "Years of industry expertise and proven installation excellence"
-            },
-            {
-              id: "2",              value: "500+",              description: "Successful projects completed for residential and commercial properties"
-            },
-            {
-              id: "3",              value: "98%",              description: "Customer satisfaction rate with repeat business and referrals"
-            },
-            {
-              id: "4",              value: "25-40",              description: "Years typical lifespan of our premium metal roofing systems"
-            }
-          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="testimonial" data-section="testimonial">
         <TestimonialCardThirteen
           testimonials={[
@@ -179,6 +156,29 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardFourteen
+          title="Trusted by hundreds of satisfied customers across the region with proven performance and longevity."
+          tag="Our Track Record"
+          metrics={[
+            {
+              id: "1",              value: "10+",              description: "Years of industry expertise and proven installation excellence"
+            },
+            {
+              id: "2",              value: "500+",              description: "Successful projects completed for residential and commercial properties"
+            },
+            {
+              id: "3",              value: "98%",              description: "Customer satisfaction rate with repeat business and referrals"
+            },
+            {
+              id: "4",              value: "25-40",              description: "Years typical lifespan of our premium metal roofing systems"
+            }
+          ]}
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Ready to Protect Your Property?"

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120a00e6;
+  --secondary-cta-text: #120006e6;
   --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);