Update src/app/page.tsx

Merge version_31 into main

src/app/gallery/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 
 export default function GalleryPage() {
   const [galleryItems, setGalleryItems] = useState([
@@ -15,6 +15,24 @@ export default function GalleryPage() {
     { 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" }
   ]);
 
+  useEffect(() => {
+    const saved = localStorage.getItem('sir-james-gallery-items');
+    if (saved) {
+      try {
+        setGalleryItems(JSON.parse(saved));
+      } catch (e) {
+        console.error("Error loading gallery items", e);
+      }
+    }
+  }, []);
+
+  const handleFileUpload = (index: number, newImageUrl: string) => {
+    const updatedItems = [...galleryItems];
+    updatedItems[index].imageSrc = newImageUrl;
+    setGalleryItems(updatedItems);
+    localStorage.setItem('sir-james-gallery-items', JSON.stringify(updatedItems));
+  };
+
   const navItems = [
     { name: "Services", id: "/services" },
     { name: "How It Works", id: "/how-it-works" },

src/app/page.tsx

@@ -108,7 +108,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" },
       ]}