Update src/app/gallery/page.tsx

Merge version_24 into main

src/app/gallery/page.tsx

@@ -44,17 +44,21 @@ export default function GalleryPage() {
           />
         </div>
 
-        <div id="gallery" data-section="gallery" className="py-20">
-          <FeatureCardOne
-            title="Professional Cargo Logistics"
-            description="Our premium packing, loading, and tracking standards."
-            gridVariant="three-columns-all-equal-width"
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={galleryItems}
-          />
-        </div>
+        {galleryItems.map((item, index) => (
+          <div key={index} id={`gallery-${index}`} data-section="gallery" className="py-12 border-b border-gray-100">
+            <FeatureCardOne
+              title={item.title}
+              description={item.description}
+              gridVariant="two-columns-alternating-heights"
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              features={[item]}
+              gridClassName="gap-8"
+              cardClassName="min-h-[400px]"
+            />
+          </div>
+        ))}
 
         <div id="footer" data-section="footer">
           <FooterSimple
@@ -69,4 +73,4 @@ export default function GalleryPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -138,6 +138,7 @@ export default function LandingPage() {
         title="Professional Cargo Logistics"
         description="A free-flowing view of our premium packing and logistics standards."
         animationType="slide-up"
+        carouselMode="auto"
         gridVariant="three-columns-all-equal-width"
         textboxLayout="split"
         useInvertedBackground={false}