Update src/app/page.tsx

Merge version_26 into main

src/app/contact/page.tsx

@@ -12,7 +12,6 @@ export default function ContactPage() {
     { 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" },
   ];
 

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 (
@@ -44,17 +44,22 @@ export default function GalleryPage() {
           />
         </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="two-columns-alternating-heights"
-            animationType="slide-up"
-            textboxLayout="split"
-            useInvertedBackground={false}
-            products={galleryItems}
-          />
-        </div>
+        {galleryItems.map((item, index) => (
+          <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"
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              features={[item]}
+              containerClassName="max-w-7xl mx-auto px-6"
+              gridClassName="gap-12"
+              cardClassName="min-h-[500px]"
+            />
+          </div>
+        ))}
 
         <div id="footer" data-section="footer">
           <FooterSimple

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

@@ -12,7 +12,6 @@ export default function HowItWorksPage() {
     { 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" },
   ];
 

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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function LandingPage() {
   const navItems = [
@@ -15,10 +16,16 @@ export default function LandingPage() {
     { 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 = [
+    { 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 (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -47,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" },
@@ -56,7 +63,6 @@ export default function LandingPage() {
       tag="Daily Shipments • Fully Insured • 100% Customs Cleared"
       buttons={[
         { text: "Read Transit Guarantee", href: "/the-sir-james-transit-guarantee" },
-        { text: "View Heavy-Duty Loading", href: "/loading-gallery" },
         { text: "Contact", href: "/contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663056.jpg"
@@ -127,6 +133,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="gallery" data-section="gallery" className="py-20">
+      <FeatureCardOne
+        title="Professional Cargo Logistics"
+        description="A free-flowing, spacious view of our premium packing and logistics standards."
+        animationType="slide-up"
+        carouselMode="buttons"
+        gridVariant="bento-grid"
+        textboxLayout="split"
+        useInvertedBackground={false}
+        features={galleryItems}
+        containerClassName="max-w-7xl mx-auto px-8"
+        gridClassName="gap-16"
+      />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[

src/app/services/page.tsx

@@ -12,7 +12,6 @@ export default function ServicesPage() {
     { 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" },
   ];
 

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

@@ -12,7 +12,6 @@ export default function TransitGuaranteePage() {
     { 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" },
   ];