Bob AI: update the hero section with Hero Split KPI

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
@@ -44,7 +44,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
+        <HeroSplitKpi
           title="Welcome to Follow Trade"
           description="Experience seamless global shipping and unparalleled order accuracy with our smart fulfillment solutions."
           background={{ variant: "animated-grid" }}
@@ -58,6 +58,12 @@ export default function LandingPage() {
           mediaAnimation="opacity"
           imagePosition="right"
           buttonAnimation="opacity"
+          kpis={[
+            { label: "Orders Processed", value: "100,000+", icon: "Package" },
+            { label: "Global Locations", value: "25+", icon: "MapPin" },
+            { label: "Customer Satisfaction", value: "95%", icon: "Smile" },
+            { label: "On-Time Delivery", value: "99%", icon: "Check" }
+          ]}
         />
       </div>