Update src/app/page.tsx

Merge version_18 into main

src/app/contact/page.tsx

@@ -11,6 +11,8 @@ export default function ContactPage() {
     { 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" },
   ];
 
@@ -57,4 +59,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/gallery/page.tsx

@@ -0,0 +1,72 @@
+"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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
+export default function GalleryPage() {
+  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 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"
+        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">
+          <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>
+
+        <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/how-it-works/page.tsx

@@ -11,6 +11,8 @@ export default function HowItWorksPage() {
     { 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" },
   ];
 
@@ -41,13 +43,13 @@ export default function HowItWorksPage() {
             title="Shipping From Dubai to Ghana in 2 Easy Steps"
             description="Our streamlined process ensures maximum security and efficiency."
             metrics={[
-                { value: "1", title: "Hub Delivery" },
-                { value: "2", title: "Secure Transit" },
+                { value: "1", title: "Hub Delivery;You secure the goods; we take complete ownership. Drop your items off at our centralized Dubai hub, or have your UAE suppliers ship directly to our receiving depot. The moment your cargo arrives, our specialized team conducts an immediate premium inventory check, logs your items, and packages them into high-security, reinforced transit containers tailored to their specific category (from luxury timepieces to heavy gym equipment)." },
+                { value: "2", title: "Premium Transit & Secure Pickup;We handle the border logistics; you collect in Ghana. Your cargo is fast-tracked through air or sea transit under constant tracking and logistics surveillance. Our dedicated customs clearing desk manages 100% of the complex port paperwork and border clearance internally. Your goods travel straight to our private, secure warehouse facility in Ghana, fully processed and ready for a smooth, hassle-free pickup." },
                 { value: "3", title: "Ghana Pickup" },
             ]}
             mediaAnimation="slide-up"
             metricsAnimation="slide-up"
-            imageSrc="http://img.b2bpic.net/free-photo/aerial-view-bridge-creek-powerlines-with-cars-road_181624-24539.jpg"
+            imageSrc="http://img.b2bpic.net/free-photo/aerial-view-bridge-creek-powerlines-with-cars-road_181624-24539.jpg?_wi=2"
             imageAlt="Aerial view of a bridge over the creek"
             />
         </div>
@@ -65,4 +67,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

@@ -2,21 +2,31 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+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 = [
     { 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 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"
@@ -45,7 +55,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" },
@@ -54,6 +64,7 @@ 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"
@@ -75,6 +86,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="process" data-section="process">
+    <MetricSplitMediaAbout
+      useInvertedBackground={false}
+      title=" Shipping from Dubai to Ghana in 2 simple steps"
+      description="Our streamlined process ensures maximum security and efficiency for all your cargo."
+      metrics={[
+          { value: "1", title: "Hub Collection,Deliver your goods or have your suppliers ship directly to our Dubai receiving hub. We immediately inspect, inventory, and securely pack your cargo into specialized transit containers." },
+          { value: "2", title: "Secure Transit,We handle the global transit, tracking, and 100% of the customs clearance paperwork. Your pristine cargo goes straight to our private Ghana warehouse, ready for hassle-free collection." },
+          { value: "3", title: "Ghana Arrival" }
+      ]}
+      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/aerial-view-bridge-creek-powerlines-with-cars-road_181624-24539.jpg?_wi=1"
+      imageAlt="Streamlined shipping process overview"
+    />
+  </div>
+
   <div id="freight" data-section="freight">
       <FeatureCardTwentyFour
       animationType="slide-up"
@@ -108,6 +135,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="two-columns-alternating-heights"
+        animationType="slide-up"
+        textboxLayout="split"
+        useInvertedBackground={false}
+        products={galleryItems}
+      />
+  </div>
+
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
@@ -121,4 +160,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -11,6 +11,8 @@ export default function ServicesPage() {
     { 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" },
   ];
 
@@ -63,4 +65,4 @@ export default function ServicesPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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

@@ -11,6 +11,8 @@ export default function TransitGuaranteePage() {
     { 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" },
   ];
 
@@ -60,4 +62,4 @@ export default function TransitGuaranteePage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}