diff --git a/src/app/page.tsx b/src/app/page.tsx
index 11c61db..0641a4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -90,6 +90,22 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="support" data-section="support">
+        <MetricCardThree
+          title="24/7 Emergency Support"
+          description="Elite Appliance Service is ready when you need us most."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          metrics={[
+            { id: "emergency", icon: AlertCircle, title: "Emergency", value: "Available" },
+            { id: "response", icon: Zap, title: "Response", value: "4 Hours" },
+            { id: "certified", icon: Shield, title: "Certified", value: "Factory" },
+            { id: "warranty", icon: CheckCircle, title: "Warranty", value: "3 Years" },
+          ]}
+        />
+      </div>
+
       <div id="brands" data-section="brands">
         <SocialProofOne
           title="Certified Luxury Brand Specialists"
@@ -136,22 +152,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="support" data-section="support">
-        <MetricCardThree
-          title="24/7 Emergency Support"
-          description="Elite Appliance Service is ready when you need us most."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="blur-reveal"
-          metrics={[
-            { id: "emergency", icon: AlertCircle, title: "Emergency", value: "Available" },
-            { id: "response", icon: Zap, title: "Response", value: "4 Hours" },
-            { id: "certified", icon: Shield, title: "Certified", value: "Factory" },
-            { id: "warranty", icon: CheckCircle, title: "Warranty", value: "3 Years" },
-          ]}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[