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,17 +44,14 @@ 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"
-            carouselMode="auto"
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={galleryItems}
-          />
+        <div id="gallery" data-section="gallery" className="py-24">
+            <FeatureCardSix
+              title="Our Logistics Gallery"
+              description="A look at our professional cargo handling services."
+              textboxLayout="split"
+              useInvertedBackground={false}
+              features={galleryItems}
+            />
         </div>
 
         <div id="footer" data-section="footer">
@@ -70,4 +67,4 @@ export default function GalleryPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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."
-        animationType="slide-up"
-        carouselMode="auto"
-        gridVariant="three-columns-all-equal-width"
+        description="A free-flowing, spacious view of our premium packing and logistics standards."
         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>
   );
-}
+}