Update src/app/page.tsx

Merge version_4 into main

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 TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
@@ -41,7 +41,7 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardGallery
           title="Strategic Design for Ambitious Brands"
           description="We craft intentional, elegant solutions that command attention and drive measurable results. Premium strategy meets timeless execution."
           background={{ variant: "plain" }}
@@ -50,11 +50,9 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           buttons={[{ text: "Start Your Project", href: "work" }]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-vector/flat-design-art-deco-golden-pattern_23-2149143781.jpg"
-          imageAlt="Strategic design composition"
+          mediaItems={[{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-golden-pattern_23-2149143781.jpg", imageAlt: "Strategic design composition" }]}
           mediaAnimation="slide-up"
-          imagePosition="right"
-          fixedMediaHeight={true}
+          ariaLabel="Hero section with gallery"
         />
       </div>