Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -59,20 +59,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric 
-        title="Our Impact Underwater"
-        metricsAnimation="slide-up"
-        useInvertedBackground={false}
-        metrics={[
-          { icon: BarChart3, label: "Depth Scanned", value: "45,000 km" },
-          { icon: Users, label: "Active Explorers", value: "1,200+" },
-          { icon: Target, label: "Zones Discovered", value: "85" },
-          { icon: Zap, label: "Data Processed", value: "12 TB" }
-        ]}
-      />
-  </div>
-
   <div id="features" data-section="features">
       <FeatureCardThree
       animationType="slide-up"
@@ -89,6 +75,20 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="about" data-section="about">
+      <AboutMetric 
+        title="Our Impact Underwater"
+        metricsAnimation="slide-up"
+        useInvertedBackground={false}
+        metrics={[
+          { icon: BarChart3, label: "Depth Scanned", value: "45,000 km" },
+          { icon: Users, label: "Active Explorers", value: "1,200+" },
+          { icon: Target, label: "Zones Discovered", value: "85" },
+          { icon: Zap, label: "Data Processed", value: "12 TB" }
+        ]}
+      />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
       useInvertedBackground={false}