Update src/app/page.tsx

Merge version_20 into main

src/app/contact/page.tsx

@@ -58,4 +58,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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 FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function GalleryPage() {
   const navItems = [
@@ -12,9 +12,17 @@ export default function GalleryPage() {
     { name: "How It Works", id: "/how-it-works" },
     { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
     { name: "Gallery", id: "/gallery" },
+    { name: "Loading Gallery", id: "/loading-gallery" },
     { name: "Contact", id: "/contact" },
   ];
 
+  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" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -37,20 +45,14 @@ export default function GalleryPage() {
         </div>
 
         <div id="gallery" data-section="gallery" className="py-20">
-          <FeatureCardTwentyFour
+          <ProductCardTwo
+            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"
             animationType="slide-up"
-            textboxLayout="split-actions"
+            textboxLayout="split"
             useInvertedBackground={false}
-            title="Cargo Packing Gallery"
-            description="See how we professionally secure your items for the journey from Dubai to Ghana. Site administrators can upload new images directly below."
-            buttons={[
-              { text: "Upload Image", onClick: () => alert("Admin Access Required: This feature connects to the secure media management dashboard.") }
-            ]}
-            features={[
-              { id: "g1", title: "Luxury Protection", author: "Security", description: "High-grade crates for luxury goods.", tags: ["Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
-              { id: "g2", title: "Vehicle Securement", author: "Logistics", description: "Professional strapping for vehicles.", tags: ["Auto"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
-              { id: "g3", title: "Heavy Gear", author: "Industrial", description: "Robust loading techniques for machinery.", tags: ["Industrial"], imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" }
-            ]}
+            products={galleryItems}
           />
         </div>
 
@@ -67,4 +69,4 @@ export default function GalleryPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/how-it-works/page.tsx

@@ -66,4 +66,4 @@ export default function HowItWorksPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/loading-gallery/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+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 ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+
+export default function LoadingGalleryPage() {
+  const navItems = [
+    { name: "Services", id: "/services" },
+    { name: "How It Works", id: "/how-it-works" },
+    { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
+    { name: "Gallery", id: "/gallery" },
+    { name: "Loading Gallery", id: "/loading-gallery" },
+    { name: "Contact", id: "/contact" },
+  ];
+
+  const loadingProducts = [
+    { id: "1", brand: "Logistics", name: "Precision Loading", price: "$100", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg" },
+    { id: "2", brand: "Logistics", name: "Heavy Duty Lifting", price: "$250", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg" },
+    { id: "3", brand: "Logistics", name: "Container Security", price: "$150", rating: 4, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663056.jpg" },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={navItems}
+            brandName="Sir James Delivery"
+          />
+        </div>
+
+        <div id="gallery" data-section="gallery" className="py-20">
+          <ProductCatalog
+            layout="section"
+            products={loadingProducts}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            bottomLeftText="© 2026 Sir James Delivery Company."
+            bottomRightText="Safe. Swift. Secure."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -8,6 +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';
 
 export default function LandingPage() {
   const navItems = [
@@ -18,6 +19,13 @@ export default function LandingPage() {
     { name: "Contact", id: "/contact" },
   ];
 
+  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" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -46,7 +54,7 @@ export default function LandingPage() {
       title="From Dubai to Ghana: Your Cargo, Delivered Safely and Fast."
       description="Whether it’s luxury watches, vehicles, or heavy industrial gym machinery, Sir James Delivery Company safely transports your goods from the heart of Dubai straight to our secure warehouse in Ghana. No delays. No hidden fees."
       testimonials={[
-        { name: "Kwame O.", handle: "", testimonial: "Excellent service. My heavy equipment arrived in perfect condition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg" },
+        { name: "Kwame O.", handle: "", testimonial: "Excellent service. My heavy equipment arrived in perfect condition.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662913.jpg?_wi=2" },
         { name: "Amina B.", handle: "", testimonial: "The best shipping partner for my perfume wholesale business.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662916.jpg" },
         { name: "John S.", handle: "", testimonial: "Vehicle transport from Dubai was seamless and fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662944.jpg" },
         { name: "Sarah L.", handle: "", testimonial: "Great handling of industrial gym machines. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234340.jpg" },
@@ -125,6 +133,18 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="gallery" data-section="gallery" className="py-20">
+      <ProductCardTwo
+        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"
+        animationType="slide-up"
+        textboxLayout="split"
+        useInvertedBackground={false}
+        products={galleryItems}
+      />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
@@ -138,4 +158,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -64,4 +64,4 @@ export default function ServicesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/the-sir-james-transit-guarantee/page.tsx

@@ -61,4 +61,4 @@ export default function TransitGuaranteePage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}