Update src/app/gallery/page.tsx

Merge version_13 into main

src/app/gallery/page.tsx

@@ -5,6 +5,7 @@ import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import ButtonTextShift from '@/components/button/ButtonTextShift/ButtonTextShift';
 
 export default function GalleryPage() {
   const navItems = [
@@ -39,10 +40,15 @@ export default function GalleryPage() {
         <div id="gallery" data-section="gallery" className="py-20">
           <FeatureCardTwentyFour
             animationType="slide-up"
-            textboxLayout="split"
+            textboxLayout="split-actions"
             useInvertedBackground={false}
             title="Cargo Packing Gallery"
             description="See how we professionally secure your items for the journey from Dubai to Ghana."
+            buttons={[
+              { text: "Upload Image 1", onClick: () => console.log("Upload 1") },
+              { text: "Upload Image 2", onClick: () => console.log("Upload 2") },
+              { text: "Upload Image 3", onClick: () => console.log("Upload 3") }
+            ]}
             features={[
               { id: "g1", title: "Luxury Protection", author: "Security", description: "High-grade crates for luxury goods.", tags: ["Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
               { id: "g2", title: "Vehicle Securement", author: "Logistics", description: "Professional strapping for vehicles.", tags: ["Auto"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },