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

src/app/contact/page.tsx

@@ -2,18 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 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: "Contact", id: "/contact" },
-  ];
-
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -30,17 +23,23 @@ 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">
-          <ContactSplitForm
+          <ContactCenter
             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/how-it-works/page.tsx

@@ -7,13 +7,6 @@ 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: "Contact", id: "/contact" },
-  ];
-
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -30,7 +23,12 @@ 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>

src/app/page.tsx

@@ -10,13 +10,6 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 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: "Contact", id: "/contact" },
-  ];
-
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -33,7 +26,12 @@ export default function LandingPage() {
       <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>

src/app/services/page.tsx

@@ -3,17 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 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: "Contact", id: "/contact" },
-  ];
-
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -30,22 +23,28 @@ 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">
-          <FeatureCardTwentyFour
+          <FeatureCardTwentyNine
             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={[
-              { 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" },
-              { 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" },
-              { 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" }
+              { 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" },
+              { 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" },
+              { 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" }
             ]}
           />
         </div>

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

@@ -7,13 +7,6 @@ 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: "Contact", id: "/contact" },
-  ];
-
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -30,7 +23,12 @@ 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>
@@ -41,7 +39,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." }
                     }
                 ]}
             />