From 48e3147210882c79dec6e531b0cd5bf8c65bab8a Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Tue, 17 Feb 2026 17:37:30 +0000
Subject: [PATCH] Bob AI: update the hero section with Hero Split KPI

---
 src/app/page.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dfbf009..8e58fc9 100644
--- a/src/app/page.tsx
+++ b/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>