Merge version_11 into main

Merge version_11 into main

src/app/page.tsx

@@ -8,6 +8,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 
 export default function LandingPage() {
   const navItems = [
@@ -75,6 +76,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="process" data-section="process">
+    <MetricSplitMediaAbout
+      useInvertedBackground={false}
+      title="Streamlined Shipping Process"
+      description="Our streamlined process ensures maximum security and efficiency for all your cargo."
+      metrics={[
+          { id: "p1", value: "1", title: "Hub Collection", description: "Secure drop-off at our Dubai hub with an immediate premium inventory audit." },
+          { id: "p2", value: "2", title: "Secure Transit", description: "Fast-tracked shipping under constant logistics surveillance and full border paperwork management." },
+          { id: "p3", value: "3", title: "Ghana Arrival", description: "Full processing at our private warehouse facility, ready for a seamless pickup." }
+      ]}
+      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-bridge-creek-powerlines-with-cars-road_181624-24539.jpg"
+      imageAlt="Streamlined shipping process overview"
+    />
+  </div>
+
   <div id="freight" data-section="freight">
       <FeatureCardTwentyFour
       animationType="slide-up"
@@ -121,4 +138,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}