Merge version_9 into main

Merge version_9 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -44,7 +44,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroOverlay
+      <HeroBillboardScroll
       title="Logistics That Moves Your Business Forward"
       description="Realtime tracking, reliable delivery, and supply chain solutions built for growth. Partner with logistics experts who understand your industry."
       buttons={[
@@ -53,9 +53,7 @@ export default function LandingPage() {
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg"
       imageAlt="Logistics tech hub"
-      showDimOverlay={true}
-      showBlur={true}
-      textPosition="bottom"
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>