Update src/app/page.tsx

src/app/page.tsx

@@ -1,16 +1,16 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSocial from '@/components/sections/footer/FooterSocial';
-import { Globe, Zap, Users, Leaf, Clock, Package, Headphones, Star, Send, Linkedin, Twitter, Facebook, Instagram } from "lucide-react";
+import { Globe, Zap, Users, Leaf, Clock, Package, Headphones, Star, Send, Linkedin, Twitter, Facebook, Instagram, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -42,23 +42,22 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitAvatars
+        <HeroBillboardCarousel
           title="Premium Logistics Solutions for Global Enterprise"
           description="Streamline your supply chain with our advanced logistics network. We deliver excellence across every continent with real-time tracking and 24/7 support."
           tag="Industry Leaders"
-          avatarText="Trusted by 500+ Fortune 500 companies"
-          avatars={[
-            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531048671-im24p8cy.jpg", alt: "Enterprise client 1" },
-            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508757496-j86cmi4y.jpg", alt: "Enterprise client 2" },
-            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531049195-gul9hu8u.jpg", alt: "Enterprise client 3" }
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531041604-tawrl9hg.jpg"
-          imageAlt="Global logistics warehouse network"
-          imagePosition="right"
           buttons={[
             { text: "Get Started", href: "contact" },
             { text: "View Solutions", href: "services" }
           ]}
+          mediaItems={[
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531041604-tawrl9hg.jpg", imageAlt: "Global logistics warehouse network" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508757496-j86cmi4y.jpg", imageAlt: "Enterprise logistics hub" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531049195-gul9hu8u.jpg", imageAlt: "Distribution center operations" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531042238-6bwwvccr.jpg", imageAlt: "Supply chain management" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531042816-zp13pd7a.jpg", imageAlt: "Fleet management system" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766531043550-5fr36xdl.jpg", imageAlt: "Real-time tracking dashboard" }
+          ]}
         />
       </div>
 
@@ -136,10 +135,11 @@ export default function LandingPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardSix
-          title="Industry-Leading Performance"
-          description="Our track record speaks for itself with measurable results"
-          tag="Our Stats"
+        <MetricCardOne
+          title="Our Stats"
+          description="Key metrics that showcase our growth and success"
+          tag="Statistics"
+          tagIcon={TrendingUp}
           textboxLayout="default"
           useInvertedBackground="noInvert"
           gridVariant="four-items-2x2-equal-grid"
@@ -148,30 +148,30 @@ export default function LandingPage() {
             {
               id: "1",
               value: "99.8%",
-              tag: "On-Time",
-              tagIcon: Clock,
-              title: "Delivery Success Rate"
+              title: "Delivery Success",
+              description: "On-time delivery rate across global network",
+              icon: Clock
             },
             {
               id: "2",
               value: "150+",
-              tag: "Global",
-              tagIcon: Globe,
-              title: "Countries Served"
+              title: "Countries Served",
+              description: "Global presence with strategic distribution centers",
+              icon: Globe
             },
             {
               id: "3",
               value: "500M+",
-              tag: "Shipped",
-              tagIcon: Package,
-              title: "Parcels Delivered"
+              title: "Parcels Delivered",
+              description: "Successfully shipped and tracked worldwide",
+              icon: Package
             },
             {
               id: "4",
               value: "24/7",
-              tag: "Support",
-              tagIcon: Headphones,
-              title: "Customer Service"
+              title: "Customer Support",
+              description: "Round-the-clock assistance for all inquiries",
+              icon: Headphones
             }
           ]}
         />