Update src/app/gallery/page.tsx

Merge version_23 into main
2026-05-23 09:46:04 +00:00 · 2026-05-23 09:41:10 +00:00 · 2026-05-23 09:41:07 +00:00 · 2026-05-23 09:41:07 +00:00 · 2026-05-23 09:39:15 +00:00 · 2026-05-23 09:39:12 +00:00
2 changed files with 23 additions and 19 deletions
--- a/src/app/gallery/page.tsx
+++ b/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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';

 export default function GalleryPage() {
  const navItems = [
@@ -17,10 +17,10 @@ export default function GalleryPage() {
  ];

  const galleryItems = [
-    { id: "p1", brand: "Logistics", name: "Heavy Duty Loading", price: "Secure", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
-    { id: "p2", brand: "Logistics", name: "Vehicle Securement", price: "Verified", rating: 5, reviewCount: "2026", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
-    { id: "p3", brand: "Logistics", name: "Industrial Machinery", price: "Handled", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
-    { id: "p4", brand: "Logistics", name: "Bulk Inventory", price: "Tracking", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg" }
+    { title: "Heavy Duty Loading", description: "Secure Logistics", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
+    { title: "Vehicle Securement", description: "Verified Standards", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
+    { title: "Industrial Machinery", description: "Handled Safely", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
+    { title: "Bulk Inventory", description: "Real-time Tracking", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg" }
  ];

  return (
@@ -45,14 +45,17 @@ export default function GalleryPage() {
        </div>

        <div id="gallery" data-section="gallery" className="py-20">
-          <ProductCardTwo
+          <FeatureCardOne
            title="Professional Cargo Logistics"
-            description="An alternating grid showcase of our premium packing, loading, and tracking standards for Dubai to Ghana freight."
-            gridVariant="four-items-2x2-equal-grid"
+            description="Our premium packing, loading, and tracking standards."
+            gridVariant="two-columns-alternating-heights"
+            carouselMode="auto"
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
-            products={galleryItems}
+            features={galleryItems}
+            gridClassName="gap-8 md:gap-12 lg:gap-16"
+            cardClassName="min-h-[400px] md:min-h-[500px]"
          />
        </div>

--- a/src/app/page.tsx
+++ b/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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';

 export default function LandingPage() {
  const navItems = [
@@ -20,10 +20,10 @@ export default function LandingPage() {
  ];

  const galleryItems = [
-    { id: "p1", brand: "Logistics", name: "Heavy Duty Loading", price: "Secure", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
-    { id: "p2", brand: "Logistics", name: "Vehicle Securement", price: "Verified", rating: 5, reviewCount: "2026", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
-    { id: "p3", brand: "Logistics", name: "Industrial Machinery", price: "Handled", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
-    { id: "p4", brand: "Logistics", name: "Bulk Inventory", price: "Tracking", rating: 5, reviewCount: "2026", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg?_wi=1" }
+    { title: "Heavy Duty Loading", description: "Securing goods for transit", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
+    { title: "Vehicle Securement", description: "Professional loading standards", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
+    { title: "Industrial Machinery", description: "Handled with precision", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
+    { title: "Bulk Inventory", description: "Tracking every step", imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg?_wi=1" }
  ];

  return (
@@ -134,14 +134,15 @@ export default function LandingPage() {
  </div>

  <div id="gallery" data-section="gallery" className="py-20">
-      <ProductCardTwo
+      <FeatureCardOne
        title="Professional Cargo Logistics"
-        description="An alternating grid showcase of our premium packing, loading, and tracking standards for Dubai to Ghana freight."
-        gridVariant="four-items-2x2-equal-grid"
+        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}
-        products={galleryItems}
+        features={galleryItems}
      />
  </div>
Author	SHA1	Message	Date
bender	c26631bbdd	Update src/app/gallery/page.tsx	2026-05-23 09:46:04 +00:00
bender	d38d8dff1b	Merge version_23 into main Merge version_23 into main	2026-05-23 09:41:10 +00:00
bender	6b54728f69	Update src/app/page.tsx	2026-05-23 09:41:07 +00:00
bender	8cedb657d6	Update src/app/gallery/page.tsx	2026-05-23 09:41:07 +00:00
bender	6a193f9871	Merge version_22 into main Merge version_22 into main	2026-05-23 09:39:15 +00:00
bender	fae56d8938	Update src/app/page.tsx	2026-05-23 09:39:12 +00:00
bender	0cfc3ad0cc	Update src/app/gallery/page.tsx	2026-05-23 09:39:12 +00:00
bender	db370fe363	Merge version_21 into main Merge version_21 into main	2026-05-23 09:37:24 +00:00