diff --git a/src/app/page.tsx b/src/app/page.tsx
index b7da657..54985b4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -41,7 +41,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardGallery
           title="Create Extraordinary Digital Products"
           description="Nothinger is the intelligent design platform built for teams who demand precision. Seamless workflows, powerful tools, and purposeful interactions designed to transform ideas into reality."
           background={{ variant: "plain" }}
@@ -53,11 +53,19 @@ export default function LandingPage() {
             { text: "View Demo", href: "features" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-sleek-minimalist-software-interface-da-1773341964839-ba433cf6.png"
-          imageAlt="Nothinger design platform interface"
-          mediaAnimation="blur-reveal"
-          imagePosition="right"
-          fixedMediaHeight={true}
+          gallery={[
+            {
+              id: "1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-sleek-minimalist-software-interface-da-1773341964839-ba433cf6.png",              imageAlt: "Nothinger design platform interface"
+            },
+            {
+              id: "2",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-visual-representation-of-a-comprehensi-1773341964308-1a6c4e36.png",              imageAlt: "Design system tools"
+            },
+            {
+              id: "3",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/an-elegant-visualization-of-motion-and-a-1773341964077-ceda2ffd.png",              imageAlt: "Animation and motion design"
+            }
+          ]}
+          galleryAnimation="blur-reveal"
+          carouselMode="buttons"
         />
       </div>