Update src/app/page.tsx

Merge version_26 into main

src/app/gallery/page.tsx

@@ -44,20 +44,22 @@ 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="two-columns-alternating-heights"
-            carouselMode="auto"
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={galleryItems}
-            gridClassName="gap-8 md:gap-12 lg:gap-16"
-            cardClassName="min-h-[400px] md:min-h-[500px]"
-          />
-        </div>
+        {galleryItems.map((item, index) => (
+          <div key={index} id={`gallery-${index}`} data-section="gallery" className="py-24 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]}
+              containerClassName="max-w-7xl mx-auto px-6"
+              gridClassName="gap-12"
+              cardClassName="min-h-[500px]"
+            />
+          </div>
+        ))}
 
         <div id="footer" data-section="footer">
           <FooterSimple

src/app/page.tsx

@@ -136,13 +136,15 @@ export default function LandingPage() {
   <div id="gallery" data-section="gallery" className="py-20">
       <FeatureCardOne
         title="Professional Cargo Logistics"
-        description="A free-flowing view of our premium packing and logistics standards."
+        description="A free-flowing, spacious view of our premium packing and logistics standards."
         animationType="slide-up"
-        carouselMode="auto"
-        gridVariant="three-columns-all-equal-width"
+        carouselMode="buttons"
+        gridVariant="bento-grid"
         textboxLayout="split"
         useInvertedBackground={false}
         features={galleryItems}
+        containerClassName="max-w-7xl mx-auto px-8"
+        gridClassName="gap-16"
       />
   </div>