Update src/app/contact/page.tsx

Merge version_7 into main

src/app/contact/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+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: "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="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            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>
+
+        <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

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+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"
+        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="blueprint" data-section="blueprint">
+            <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            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: "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"
+            imageAlt="Aerial view of a bridge over the creek"
+            />
+        </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

@@ -7,10 +7,16 @@ 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 MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 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"
@@ -27,24 +33,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
-      navItems={[
-        {
-          name: "Services",
-          id: "#freight",
-        },
-        {
-          name: "How It Works",
-          id: "#blueprint",
-        },
-        {
-          name: "Shipment Specs",
-          id: "#specs",
-        },
-        {
-          name: "Office Locations",
-          id: "#contact",
-        },
-      ]}
+      navItems={navItems}
       brandName="Sir James Delivery"
     />
   </div>
@@ -52,104 +41,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       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: "@ghana_importer",
-          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: "Amina B.",
-          handle: "@dubai_fashion",
-          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",
-        },
-        {
-          name: "Michael D.",
-          handle: "@bulk_items",
-          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",
-        },
+        { 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: "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" },
+        { 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" },
       ]}
       tag="Daily Shipments • Fully Insured • 100% Customs Cleared"
       buttons={[
-        {
-          text: "Read Transit Guarantee",
-          href: "#why",
-        },
-        {
-          text: "Show Office Addresses",
-          href: "#contact",
-        },
+        { 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",
-        },
+        { 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",
-        },
+        { type: "text", text: "Dubai" },
+        { type: "text", text: "Accra" },
+        { type: "text", text: "Insurance" },
+        { type: "text", text: "Customs" },
+        { type: "text", text: "Logistics" },
       ]}
     />
   </div>
@@ -160,102 +81,24 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
+        { 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" },
+        { 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" },
+        { 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" },
+        { 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" },
       ]}
       title="We Ship the Spectrum."
       description="Large or Small, We Handle It All. Click for details."
     />
   </div>
 
-  <div id="blueprint" data-section="blueprint">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      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: "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"
-      imageAlt="Aerial view of a bridge over the creek"
-    />
-  </div>
-
   <div id="why" data-section="why">
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "Guaranteed Safety",
-          content: "From delicate perfumes to multi-ton gym equipment, we treat every piece of cargo with absolute care.",
-        },
-        {
-          id: "2",
-          title: "Zero Customs Stress",
-          content: "Our team manages the complex clearing paperwork in-house for regulatory ease.",
-        },
-        {
-          id: "3",
-          title: "Direct Destination",
-          content: "Cargo goes directly to our private warehouse facility in Ghana, reducing extra handling.",
-        },
+        { id: "1", title: "Guaranteed Safety", content: "From delicate perfumes to multi-ton gym equipment, we treat every piece of cargo with absolute care." },
+        { id: "2", title: "Zero Customs Stress", content: "Our team manages the complex clearing paperwork in-house for regulatory ease." },
+        { id: "3", title: "Direct Destination", content: "Cargo goes directly to our private warehouse facility in Ghana, reducing extra handling." },
       ]}
       title="Operational Standards"
       description="Why choose Sir James Delivery?"
@@ -265,47 +108,11 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Stay Connected"
-      title="Official Contact  Details"
-      description="whatsapp contact: +233241851752 | call now: +971526377145 | Email: narhjames@gmail.com"
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Services",
-              href: "#freight",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { 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."
@@ -314,4 +121,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/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 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: "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="services" data-section="services">
+          <FeatureCardTwentyFour
+            title="Our Services"
+            description="Expert freight forwarding and secure logistics tailored to your needs from Dubai to Ghana."
+            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" }
+            ]}
+          />
+        </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/the-sir-james-transit-guarantee/page.tsx

@@ -0,0 +1,63 @@
+"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 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"
+        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="legal" data-section="legal">
+            <LegalSection
+                layout="page"
+                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." }]
+                    }
+                ]}
+            />
+        </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>
+  );
+}