diff --git a/src/app/page.tsx b/src/app/page.tsx
index 54ec79c..0184042 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -42,7 +42,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
+      <HeroSplitDoubleCarousel
       background={{
         variant: "plain"}}
       title="Build Apps at the Speed of Thought"
@@ -51,10 +51,14 @@ export default function LandingPage() {
         {
           text: "Launch Studio",          href: "#"},
       ]}
-      mediaItems={[
+      leftCarouselItems={[
         {
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYiBIYS3r2Wr0YSB0K42YOlLBL/uploaded-1776701192558-lsrmythq.png",          imageAlt: "mobile app design studio ui"},
       ]}
+      rightCarouselItems={[
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CYiBIYS3r2Wr0YSB0K42YOlLBL/uploaded-1776701192558-lsrmythq.png",          imageAlt: "mobile app interface preview"},
+      ]}
     />
   </div>