Update src/app/page.tsx

src/app/page.tsx

@@ -50,19 +50,16 @@ export default function LandingPage() {
           description="EcoHub helps organizations track, measure, and amplify their environmental impact with intelligent analytics and real-time insights."
           tag="Eco-Friendly Analytics"
           tagIcon={Leaf}
-          mediaItems={[
+          images={[
             {
-              type: "image",
               src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767697692413-ceqqaha8.jpg",
               alt: "EcoHub analytics dashboard interface"
             },
             {
-              type: "image",
               src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704069729-ot0hboat.jpg",
               alt: "Sustainability tracking interface"
             },
             {
-              type: "image",
               src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704070987-st10xdul.jpg",
               alt: "Impact measurement dashboard"
             }
@@ -154,7 +151,10 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704076251-88p8egr2.jpg",
               imageAlt: "ESG compliance tools"
             }
-          ]
+          ]}
+          buttons={[
+            { text: "Request Demo", href: "contact" }
+          ]}
         />
       </div>
 
@@ -166,6 +166,7 @@ export default function LandingPage() {
           useInvertedBackground="noInvert"
           animationType="slide-up"
           gridVariant="bento-grid"
+          carouselMode="buttons"
           products={[
             {
               id: "1",
@@ -195,7 +196,7 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704077520-lxs0oqf5.jpg",
               imageAlt: "Automation workflow builder"
             }
-          ]
+          ]}
         />
       </div>
 
@@ -226,7 +227,7 @@ export default function LandingPage() {
               value: "180+",
               title: "Countries Covered"
             }
-          ]
+          ]}
         />
       </div>
 
@@ -293,7 +294,7 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704083903-62zfpwje.jpg",
               imageAlt: "Jennifer Walsh headshot"
             }
-          ]
+          ]}
         />
       </div>
 
@@ -449,4 +450,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}