Update src/app/page.tsx

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 HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -44,24 +44,18 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain"}}
+      <HeroOverlay
       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={[
         {
           text: "Get a Quote Today",          href: "#contact"},
       ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-cardboard-boxes-warehouse_23-2152001545.jpg",          imageAlt: "Logistics tech hub"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg",          imageAlt: "Digital cargo tracking"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/trucking-logistics-fleet-management-technology_23-2151989548.jpg",          imageAlt: "Smart freight transit"},
-      ]}
-      mediaAnimation="slide-up"
+      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"
     />
   </div>
 
@@ -181,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}