diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7f1f41e..0273fe5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleC
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
 import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
-import HeroSplitBlock from "@/components/sections/hero/HeroSplitBlock/HeroSplitBlock";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { Award, BarChart3, Brain, Github, Linkedin, Mail, Sparkles, Target, Users, Zap } from "lucide-react";
 
@@ -134,23 +134,23 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <HeroSplitBlock
+        <HeroBillboardCarousel
           title="Ready to Elevate Your Brand?"
-          description="Let's discuss your project. Fill out the form below and our team will reach out within 24 hours."
-          tag="Get in Touch"
-          tagIcon={Mail}
+          description="Let's discuss your project. Get in touch with our team to learn how we can transform your vision into reality."
+          tag="Get Started"
+          tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Send Message", href: "#" }
+            { text: "Schedule Call", href: "mailto:hello@webild.com" },
+            { text: "View Portfolio", href: "#features" }
           ]}
           buttonAnimation="slide-up"
-          imagePosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-professional-portrait-photograph-of-a--1774031217691-d33284a1.png"
-          imageAlt="Contact section image"
-          mediaAnimation="slide-up"
-          useInvertedBackground={true}
-          textboxLayout="default"
-          ariaLabel="Contact section"
+          background={{ variant: "radial-gradient" }}
+          mediaItems={[
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-sleek-modern-web-design-interface-disp-1774031218288-878bcd07.png?_wi=1", imageAlt: "Professional contact section imagery" },
+            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BB1UWtLhV4bdAZs5YAnJqZZmEU/a-creative-agency-workspace-with-modern--1774031218049-f5713d8d.png?_wi=1", imageAlt: "Creative workspace for contact section" }
+          ]}
+          ariaLabel="Contact section with hero layout"
         />
       </div>