diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd1f29c..e1ecc25 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -43,14 +43,19 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplitDualMedia
       background={{ variant: "plain" }}
       title="Design That Converts and Engages Users"
       description="We craft high-impact landing pages and intuitive digital experiences. From concept to launch, we deliver UX/UI solutions that drive results."
       tag="Design Studio Expertise"
-      buttons={[{ text: "Get Your Free Consultation", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-holding-pen-writing-notes_482257-104155.jpg"
-      imageAlt="Digital design studio landing page"
+      buttons={[{ text: "View Our Work", href: "#work" }]}
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-holding-pen-writing-notes_482257-104155.jpg", imageAlt: "Digital design studio landing page" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/letter-eyeglasses-smartphone-earphone-coffee-cup-white-desk_23-2148061610.jpg", imageAlt: "Designer at work" }
+      ]}
+      mediaAnimation="slide-up"
+      rating={5}
+      ratingText="Rated 5/5 by our partners"
       tagIcon={Sparkles}
     />
   </div>