Update src/app/page.tsx

Merge version_27 into main

src/app/gallery/page.tsx

@@ -45,17 +45,18 @@ export default function GalleryPage() {
         </div>
 
         {galleryItems.map((item, index) => (
-          <div key={index} id={`gallery-${index}`} data-section="gallery" className="py-12 border-b border-gray-100">
+          <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"
+              gridVariant="uniform-all-items-equal"
               animationType="slide-up"
               textboxLayout="split"
               useInvertedBackground={false}
               features={[item]}
-              gridClassName="gap-8"
-              cardClassName="min-h-[400px]"
+              containerClassName="max-w-7xl mx-auto px-6"
+              gridClassName="gap-12"
+              cardClassName="min-h-[500px]"
             />
           </div>
         ))}

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="uniform-all-items-equal"
         textboxLayout="split"
         useInvertedBackground={false}
         features={galleryItems}
+        containerClassName="max-w-7xl mx-auto px-8"
+        gridClassName="gap-16"
       />
   </div>
 
@@ -159,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}