Update src/app/page.tsx

Merge version_1 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 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,18 @@ 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"
+          mediaItems={[
+            {
+              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"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-visual-representation-of-a-comprehensi-1773341964308-1a6c4e36.png?_wi=1",              imageAlt: "Design system tools"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/an-elegant-visualization-of-motion-and-a-1773341964077-ceda2ffd.png?_wi=1",              imageAlt: "Animation and motion design"
+            }
+          ]}
           mediaAnimation="blur-reveal"
-          imagePosition="right"
-          fixedMediaHeight={true}
         />
       </div>
 
@@ -89,11 +96,11 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              tag: "Design Systems",              title: "Intelligent Design Systems",              subtitle: "Build scalable, maintainable systems.",              description: "Create comprehensive design systems with automatic component scaling, intelligent variant management, and real-time synchronization across your entire team.",              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"
+              tag: "Design Systems",              title: "Intelligent Design Systems",              subtitle: "Build scalable, maintainable systems.",              description: "Create comprehensive design systems with automatic component scaling, intelligent variant management, and real-time synchronization across your entire team.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-visual-representation-of-a-comprehensi-1773341964308-1a6c4e36.png?_wi=2",              imageAlt: "Design system tools"
             },
             {
               id: 2,
-              tag: "Motion Design",              title: "Purposeful Motion",              subtitle: "Subtle, meaningful interactions.",              description: "Craft sophisticated animations with scroll-triggered interactions, physics-based easing, and timeline control. Every motion serves a purpose.",              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"
+              tag: "Motion Design",              title: "Purposeful Motion",              subtitle: "Subtle, meaningful interactions.",              description: "Craft sophisticated animations with scroll-triggered interactions, physics-based easing, and timeline control. Every motion serves a purpose.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/an-elegant-visualization-of-motion-and-a-1773341964077-ceda2ffd.png?_wi=2",              imageAlt: "Animation and motion design"
             },
             {
               id: 3,