Update src/app/page.tsx

Merge version_32 into main

src/app/gallery/page.tsx

@@ -4,9 +4,21 @@ 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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import { useState, useEffect } from 'react';
 
 export default function GalleryPage() {
+  const [galleryItems, setGalleryItems] = useState([
+    { title: "Secure Loading", description: "High-tech container loading processes", imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=800&_wi=1" },
+    { title: "Vehicle Transit", description: "Specialized vehicle securement techniques", imageSrc: "https://images.unsplash.com/photo-1553440150-13753a7b6832?q=80&w=800&_wi=1" },
+    { title: "Industrial Handling", description: "Expert industrial gear management", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&_wi=1" },
+    { title: "Bulk Logistics", description: "Streamlined commercial bulk transit", imageSrc: "https://images.unsplash.com/photo-1566585775320-f62266858276?q=80&w=800&_wi=1" },
+    { title: "Dubai Hub", description: "Centralized receiving operations", imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800&_wi=1" },
+    { title: "Precision Sorting", description: "Careful inventory management", imageSrc: "https://images.unsplash.com/photo-1581092160607-ee22621dd758?q=80&w=800&_wi=1" },
+    { title: "Ghana Warehouse", description: "Secure facility arrival process", imageSrc: "https://images.unsplash.com/photo-1587293852726-70b35612f843?q=80&w=800&_wi=1" },
+    { title: "Global Tracking", description: "Constant logistics surveillance", imageSrc: "https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=800&_wi=1" }
+  ]);
+
   const navItems = [
     { name: "Services", id: "/services" },
     { name: "How It Works", id: "/how-it-works" },
@@ -16,13 +28,6 @@ export default function GalleryPage() {
     { name: "Contact", id: "/contact" },
   ];
 
-  const galleryItems = [
-    { 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 (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -44,12 +49,10 @@ export default function GalleryPage() {
           />
         </div>
 
-        <div id="gallery" data-section="gallery" className="py-20">
-          <FeatureCardOne
-            title="Professional Cargo Logistics"
-            description="Our premium packing, loading, and tracking standards."
-            gridVariant="three-columns-all-equal-width"
-            animationType="slide-up"
+        <div id="gallery" data-section="gallery" className="py-24">
+            <FeatureCardSix
+              title="Our Logistics Gallery"
+              description="A look at our professional cargo handling and storage services."
               textboxLayout="split"
               useInvertedBackground={false}
               features={galleryItems}
@@ -60,7 +63,7 @@ export default function GalleryPage() {
           <FooterSimple
             columns={[
               { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
-              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "/terms" }] },
             ]}
             bottomLeftText="© 2026 Sir James Delivery Company."
             bottomRightText="Safe. Swift. Secure."

src/app/page.tsx

@@ -8,9 +8,21 @@ 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';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [galleryItems] = useState([
+    { title: "Secure Loading", description: "High-tech container loading processes", imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=800&_wi=2" },
+    { title: "Vehicle Transit", description: "Specialized vehicle securement techniques", imageSrc: "https://images.unsplash.com/photo-1553440150-13753a7b6832?q=80&w=800&_wi=2" },
+    { title: "Industrial Handling", description: "Expert industrial gear management", imageSrc: "https://images.unsplash.com/photo-1621905251189-08b45d6a268e?q=80&w=800&_wi=2" },
+    { title: "Bulk Logistics", description: "Streamlined commercial bulk transit", imageSrc: "https://images.unsplash.com/photo-1566585775320-f62266858276?q=80&w=800&_wi=2" },
+    { title: "Dubai Hub", description: "Centralized receiving operations", imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800&_wi=2" },
+    { title: "Precision Sorting", description: "Careful inventory management", imageSrc: "https://images.unsplash.com/photo-1581092160607-ee22621dd758?q=80&w=800&_wi=2" },
+    { title: "Ghana Warehouse", description: "Secure facility arrival process", imageSrc: "https://images.unsplash.com/photo-1587293852726-70b35612f843?q=80&w=800&_wi=2" },
+    { title: "Global Tracking", description: "Constant logistics surveillance", imageSrc: "https://images.unsplash.com/photo-1578575437130-527eed3abbec?q=80&w=800&_wi=2" }
+  ]);
+
   const navItems = [
     { name: "Services", id: "/services" },
     { name: "How It Works", id: "/how-it-works" },
@@ -19,13 +31,6 @@ export default function LandingPage() {
     { 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"
@@ -107,7 +112,7 @@ export default function LandingPage() {
       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?_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: "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?_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" },
       ]}
@@ -134,14 +139,13 @@ export default function LandingPage() {
   </div>
 
   <div id="gallery" data-section="gallery" className="py-20">
-      <FeatureCardOne
+      <FeatureCardSix
         title="Professional Cargo Logistics"
-        description="A free-flowing view of our premium packing and logistics standards."
-        animationType="slide-up"
-        gridVariant="three-columns-all-equal-width"
+        description="A free-flowing, spacious view of our premium packing and logistics standards."
         textboxLayout="split"
         useInvertedBackground={false}
         features={galleryItems}
+        containerClassName="max-w-7xl mx-auto px-8"
       />
   </div>
 
@@ -149,7 +153,7 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Services", href: "/services" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "/terms" }] },
       ]}
       bottomLeftText="© 2026 Sir James Delivery Company."
       bottomRightText="Safe. Swift. Secure."