Merge version_40 into main

Merge version_40 into main

src/app/contact/page.tsx

@@ -2,11 +2,19 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 export default function ContactPage() {
+  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: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,23 +31,17 @@ export default function ContactPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            navItems={[
+            navItems={navItems}
-              { name: "Services", id: "/services" },
-              { name: "How It Works", id: "/how-it-works" },
-              { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
-              { name: "Contact", id: "/contact" },
-            ]}
             brandName="Sir James Delivery"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactSplitForm
             useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="Stay Connected"
             title="Contact Us"
             description="whatsapp contact: +233241851752 | call now: +971526377145 | Email: narhjames@gmail.com"
+            inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]} 
           />
         </div>
 

src/app/gallery/page.tsx

@@ -0,0 +1,83 @@
+"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 FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import { useState } from 'react';
+
+export default function GalleryPage() {
+  const [galleryItems] = useState([
+    { id: "1", title: "Secure Loading", content: "High-tech container loading processes" },
+    { id: "2", title: "Vehicle Transit", content: "Specialized vehicle securement techniques" },
+    { id: "3", title: "Industrial Handling", content: "Expert industrial gear management" },
+    { id: "4", title: "Bulk Logistics", content: "Streamlined commercial bulk transit" },
+    { id: "5", title: "Dubai Hub", content: "Centralized receiving operations" },
+    { id: "6", title: "Precision Sorting", content: "Careful inventory management" },
+    { id: "7", title: "Ghana Warehouse", content: "Secure facility arrival process" },
+    { id: "8", title: "Global Tracking", content: "Constant logistics surveillance" },
+    { id: "9", title: "Automotive Strapping", content: "Detailed vehicle securement" },
+    { id: "10", title: "Heavy Gear Tie-down", content: "Heavy industrial machinery protocols" },
+    { id: "11", title: "Temperature Control", content: "Climate controlled shipping units" },
+    { id: "12", title: "Customs Processing", content: "Rapid port clearance documentation" },
+    { id: "13", title: "Inventory Scanning", content: "Barcode-based intake tracking" },
+    { id: "14", title: "Load Optimization", content: "Maximized container volumetric efficiency" }
+  ]);
+
+  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" },
+  ];
+
+  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-24">
+            <FeatureCardTwentyOne
+              title="Our Logistics Gallery"
+              description="A detailed look at each stage of our professional cargo handling process, presented individually for maximum visual impact."
+              accordionItems={galleryItems}
+              videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779531628605-p8zpmh2n.mp4"
+              mediaAnimation="blur-reveal"
+              useInvertedBackground={false}
+              containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
+            />
+        </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: "/terms" }] },
+            ]}
+            bottomLeftText="© 2026 Sir James Delivery Company."
+            bottomRightText="Safe. Swift. Secure."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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

@@ -7,6 +7,14 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function HowItWorksPage() {
+  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: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,12 +31,7 @@ export default function HowItWorksPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            navItems={[
+            navItems={navItems}
-              { name: "Services", id: "/services" },
-              { name: "How It Works", id: "/how-it-works" },
-              { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
-              { name: "Contact", id: "/contact" },
-            ]}
             brandName="Sir James Delivery"
           />
         </div>
@@ -39,13 +42,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: "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: "Secure Transit" },
+                { 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>

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,14 +2,33 @@
 
 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 FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [galleryItems] = useState([
+    { id: "1", title: "Secure Loading", description: "High-tech container loading processes", tag: "Loading", imageSrc: "https://images.unsplash.com/photo-1594993875739-1661d92f22ad?q=80&w=800&_wi=2" },
+    { id: "2", title: "Vehicle Transit", description: "Specialized vehicle securement techniques", tag: "Transit", imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=800&_wi=2" },
+    { id: "3", title: "Industrial Handling", description: "Expert industrial gear management", tag: "Handling", imageSrc: "https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?q=80&w=800&_wi=2" },
+    { id: "4", title: "Bulk Logistics", description: "Streamlined commercial bulk transit", tag: "Logistics", imageSrc: "https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=800&_wi=2" },
+    { id: "5", title: "Dubai Hub", description: "Centralized receiving operations", tag: "Facility", imageSrc: "https://images.unsplash.com/photo-1587293852726-70b35612f843?q=80&w=800&_wi=2" },
+    { id: "6", title: "Precision Sorting", description: "Careful inventory management", tag: "Operations", imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800&_wi=2" }
+  ]);
+
+  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: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -24,98 +43,97 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={navItems}
-        { name: "Services", id: "/services" },
+            brandName="Sir James Delivery"
-        { name: "How It Works", id: "/how-it-works" },
+          />
-        { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
+        </div>
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Sir James Delivery"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
+          <HeroBillboardTestimonial
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
+            background={{ variant: "gradient-bars" }}
-      title="From Dubai to Ghana: Your Cargo, Delivered Safely and Fast."
+            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."
+            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={[
+            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" },
+            tag="Daily Shipments • Fully Insured • 100% Customs Cleared"
-        { 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" },
+            buttons={[
-        { 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" },
+              { text: "Read Transit Guarantee", href: "/the-sir-james-transit-guarantee" },
-        { 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" },
+              { text: "Contact", href: "/contact" },
-        { name: "Michael D.", handle: "", testimonial: "Customs clearance was handled perfectly every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/single-glass-bottle-filled-with-clear-liquid-generated-by-ai_188544-19684.jpg" },
+            ]}
-      ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1780445382984-llo1005u.png"
-      tag="Daily Shipments • Fully Insured • 100% Customs Cleared"
+          />
-      buttons={[
+        </div>
-        { text: "Read Transit Guarantee", href: "/the-sir-james-transit-guarantee" },
-        { text: "Contact", href: "/contact" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663056.jpg"
-      imageAlt="Global cargo shipping container ship ocean"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253105.jpg", alt: "Avatar 1" },
-        { src: "http://img.b2bpic.net/free-photo/top-view-men-cologne-box-flowers-beige_140725-145205.jpg", alt: "Avatar 2" },
-        { src: "http://img.b2bpic.net/free-photo/middle-aged-trucker-front-truck-trailer-with-cars_342744-1283.jpg", alt: "Avatar 3" },
-        { src: "http://img.b2bpic.net/free-photo/truck-electric-car-highway-symbol-transport-evolution_169016-70036.jpg", alt: "Avatar 4" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-professional-smiling-truck-driver-with-crossed-arms-transporting-cars-market_342744-1333.jpg", alt: "Avatar 5" },
-      ]}
-      marqueeItems={[
-        { type: "text", text: "Dubai" },
-        { type: "text", text: "Accra" },
-        { type: "text", text: "Insurance" },
-        { type: "text", text: "Customs" },
-        { type: "text", text: "Logistics" },
-      ]}
-    />
-  </div>
 
-  <div id="freight" data-section="freight">
+        <div id="process" data-section="process">
-      <FeatureCardTwentyFour
+          <MetricSplitMediaAbout
-      animationType="slide-up"
+            useInvertedBackground={false}
-      textboxLayout="split"
+            title="Shipping from Dubai to Ghana in 2 simple steps"
-      useInvertedBackground={false}
+            description="Our streamlined process ensures maximum security and efficiency for all your cargo."
-      features={[
+            metrics={[
-        { id: "luxury", title: "Luxury & Essentials", author: "Fragile items", description: "Luxury goods are packed in reinforced, climate-controlled security crates.", tags: ["Watch", "Perfume"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=2" },
+              { value: "1", title: "Hub Collection" },
-        { id: "auto", title: "Automotive Shipping", author: "Vehicle safety", description: "Vehicles are shipped via specialized container loading with strapping.", tags: ["SUV", "Sedan"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=2" },
+              { value: "2", title: "Secure Transit" },
-        { id: "heavy", title: "Heavy Machinery", author: "Industrial gear", description: "Heavy machinery is handled with industrial forklifts and steel ties.", tags: ["Gym Gear", "Tools"], imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=2" },
+              { value: "3", title: "Ghana Arrival" }
-        { id: "general", title: "General Cargo", author: "Commercial bulk", description: "Commercial stock utilizes streamlined bulk palletizing options.", tags: ["Wholesale", "Stock"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/tmp/hyper-realistic-picture-of-a-cargo-conta-1779315244636-c2b3304a.png" },
+            ]}
-      ]}
+            mediaAnimation="slide-up"
-      title="We Ship the Spectrum."
+            metricsAnimation="slide-up"
-      description="Large or Small, We Handle It All. Click for details."
+            imageSrc="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=800&_wi=2"
-    />
+          />
-  </div>
+        </div>
 
-  <div id="why" data-section="why">
+        <div id="freight" data-section="freight">
-      <FaqSplitMedia
+          <FeatureCardTwentyFour
-      textboxLayout="split"
+            animationType="slide-up"
-      useInvertedBackground={false}
+            textboxLayout="split"
-      faqs={[
+            useInvertedBackground={false}
-        { id: "1", title: "Guaranteed Safety", content: "From delicate perfumes to multi-ton gym equipment, we treat every piece of cargo with absolute care." },
+            features={[
-        { id: "2", title: "Zero Customs Stress", content: "Our team manages the complex clearing paperwork in-house for regulatory ease." },
+              { id: "f1", title: "Luxury Goods", author: "Security", description: "High-security transit for watches and premium goods.", tags: ["Luxury"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/tmp/ultra-realistic-picture-of-a-rolex-and-l-1780445488851-099b579a.png" },
-        { id: "3", title: "Direct Destination", content: "Cargo goes directly to our private warehouse facility in Ghana, reducing extra handling." },
+              { id: "f2", title: "Auto Logistics", author: "Protection", description: "Specialized vehicle shipping with expert strapping.", tags: ["Vehicles"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/tmp/auto-logistics-1779540384242-e4e4e752.png" }
-      ]}
+            ]}
-      title="Operational Standards"
+            title="We Ship the Spectrum."
-      description="Why choose Sir James Delivery?"
+            description="Large or Small, We Handle It All. Click for details."
-      faqsAnimation="slide-up"
+          />
-      imageSrc="http://img.b2bpic.net/free-photo/man-driving-warehouse-loading-machine_23-2148923134.jpg"
+        </div>
-      imageAlt="Man driving warehouse loading machine"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="why" data-section="why">
-      <FooterSimple
+          <FaqSplitMedia
-      columns={[
+            textboxLayout="split"
-        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
+            useInvertedBackground={false}
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+            faqs={[
-      ]}
+              { id: "q1", title: "How safe are my goods?", content: "Every shipment is fully insured and tracked." },
-      bottomLeftText="© 2026 Sir James Delivery Company."
+              { id: "q2", title: "Are there hidden fees?", content: "No. We provide clear pricing for all transit."}
-      bottomRightText="Safe. Swift. Secure."
+            ]}
-    />
+            title="Operational Standards"
-  </div>
+            description="Why choose Sir James Delivery?"
+            faqsAnimation="slide-up"
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/tmp/operational-standards-1779540426851-3230ee44.png"
+          />
+        </div>
+
+        <div id="gallery" data-section="gallery" className="py-20">
+          <FeatureCardMedia
+            title="Professional Cargo Logistics"
+            description="A free-flowing, spacious view of our premium packing and logistics standards."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={galleryItems}
+            animationType="blur-reveal"
+            gridClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12"
+            containerClassName="max-w-7xl mx-auto px-8"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Services", items: [{ label: "Shipping", href: "/services" }, { label: "Gallery", href: "/gallery" }] },
+              { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Guarantee", href: "/the-sir-james-transit-guarantee" }] }
+            ]}
+            bottomLeftText="© 2026 Sir James Delivery Company."
+            bottomRightText="Safe. Swift. Secure."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/services/page.tsx

@@ -3,10 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function ServicesPage() {
+  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: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,28 +31,22 @@ export default function ServicesPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            navItems={[
+            navItems={navItems}
-              { name: "Services", id: "/services" },
-              { name: "How It Works", id: "/how-it-works" },
-              { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
-              { name: "Contact", id: "/contact" },
-            ]}
             brandName="Sir James Delivery"
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardTwentyNine
+          <FeatureCardTwentyFour
             title="Our Services"
             description="Expert freight forwarding and secure logistics tailored to your needs from Dubai to Ghana."
-            gridVariant="bento-grid"
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             features={[
-              { title: "Luxury Shipping", description: "High-security transit for watches and premium goods.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=1", titleImageSrc: "", buttonText: "Learn More" },
+              { id: "s1", title: "Luxury Shipping", author: "Secure transit", description: "High-security transit for watches and premium goods.", tags: ["Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-foundation-containers-arrangement_23-2149705544.jpg?_wi=1" },
-              { title: "Auto Logistics", description: "Specialized vehicle shipping with expert strapping.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=1", titleImageSrc: "", buttonText: "Learn More" },
+              { id: "s2", title: "Auto Logistics", author: "Vehicle safety", description: "Specialized vehicle shipping with expert strapping.", tags: ["Vehicles"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dyzp7sGs874KHVqcZpKRlG0BRH/uploaded-1779315072666-rnat9as3.jpg?_wi=1" },
-              { title: "Industrial Cargo", description: "Heavy machinery and equipment handled with care.", imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=1", titleImageSrc: "", buttonText: "Learn More" }
+              { id: "s3", title: "Industrial Cargo", author: "Heavy machinery", description: "Heavy machinery and equipment handled with care.", tags: ["Industrial"], imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=1" }
             ]}
           />
         </div>

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

@@ -7,6 +7,14 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import LegalSection from '@/components/legal/LegalSection';
 
 export default function TransitGuaranteePage() {
+  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: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,12 +31,7 @@ export default function TransitGuaranteePage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleApple
-            navItems={[
+            navItems={navItems}
-              { name: "Services", id: "/services" },
-              { name: "How It Works", id: "/how-it-works" },
-              { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
-              { name: "Contact", id: "/contact" },
-            ]}
             brandName="Sir James Delivery"
           />
         </div>
@@ -39,7 +42,7 @@ export default function TransitGuaranteePage() {
                 title="The Sir James Transit Guarantee"
                 sections={[
                     {
-                        heading: "Our Commitment",                        content: { type: "paragraph", text: "At Sir James Delivery Company, we eliminate the anxiety of international shipping. Every single consignment—whether it is an exclusive luxury timepiece, fragile perfumes, or multi-ton industrial gym machinery—is backed by our zero-damage, clear-pricing commitment. From the exact moment your goods are cataloged at our Dubai hub to the second they are safely received at our secure warehouse in Ghana, your cargo is fully insured, monitored under strict logistics surveillance, and processed with 100% customs clearance. If we receive it in Dubai, you will collect it in Ghana in pristine condition. No exceptions, no hidden fees, no delays." }
+                        heading: "Our Commitment",                        content: [{ type: "paragraph", text: "At Sir James Delivery Company, we eliminate the anxiety of international shipping. Every single consignment—whether it is an exclusive luxury timepiece, fragile perfumes, or multi-ton industrial gym machinery—is backed by our zero-damage, clear-pricing commitment. From the exact moment your goods are cataloged at our Dubai hub to the second they are safely received at our secure warehouse in Ghana, your cargo is fully insured, monitored under strict logistics surveillance, and processed with 100% customs clearance. If we receive it in Dubai, you will collect it in Ghana in pristine condition. No exceptions, no hidden fees, no delays." }]
                     }
                 ]}
             />