Update src/app/page.tsx

Merge version_28 into main

src/app/gallery/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 
 export default function GalleryPage() {
   const navItems = [
@@ -44,21 +44,15 @@ export default function GalleryPage() {
           />
         </div>
 
-        {galleryItems.map((item, index) => (
+        <div id="gallery" data-section="gallery" className="py-24">
-          <div key={index} id={`gallery-${index}`} data-section="gallery" className="py-12 border-b border-gray-100">
+            <FeatureCardSix
-            <FeatureCardOne
+              title="Our Logistics Gallery"
-              title={item.title}
+              description="A look at our professional cargo handling services."
-              description={item.description}
-              gridVariant="two-columns-alternating-heights"
-              animationType="slide-up"
               textboxLayout="split"
               useInvertedBackground={false}
-              features={[item]}
+              features={galleryItems}
-              gridClassName="gap-8"
-              cardClassName="min-h-[400px]"
             />
-          </div>
+        </div>
-        ))}
 
         <div id="footer" data-section="footer">
           <FooterSimple

src/app/page.tsx

@@ -8,7 +8,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 
 export default function LandingPage() {
   const navItems = [
@@ -134,15 +134,13 @@ export default function LandingPage() {
   </div>
 
   <div id="gallery" data-section="gallery" className="py-20">
-      <FeatureCardOne
+      <FeatureCardSix
         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"
         textboxLayout="split"
         useInvertedBackground={false}
         features={galleryItems}
+        containerClassName="max-w-7xl mx-auto px-8"
       />
   </div>
 
@@ -159,4 +157,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}