diff --git a/src/app/page.tsx b/src/app/page.tsx
index c4f2659..c7bd3cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TagAbout from '@/components/sections/about/TagAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
@@ -39,7 +39,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardSplit
+        <HeroBillboardGallery
           title="Build remarkable digital experiences"
           description="Create stunning interfaces and seamless user journeys with our comprehensive design and development platform. From concept to launch, we've got you covered."
           tag="Innovation Leaders"
@@ -48,9 +48,12 @@ export default function LandingPage() {
             { text: "Get Started", href: "contact" },
             { text: "Learn More", href: "features" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-vector/dashboard-interface-user-panel-template_52683-23323.jpg"
-          imageAlt="Digital dashboard interface"
-          frameStyle="browser"
+          images={[
+            {
+              src: "https://img.b2bpic.net/free-vector/dashboard-interface-user-panel-template_52683-23323.jpg",              alt: "Digital dashboard interface"
+            }
+          ]}
+          animationType="slide-up"
         />
       </div>