feat: update

app/page.jsx

@@ -60,7 +60,7 @@ export default function Home() {
       !fs ||
       !fc ||
       typeof window === "undefined" ||
-      document === "undefined"
+      typeof document === "undefined"
     )
       return;
 

components/ui/contact/content.jsx

@@ -1,8 +1,13 @@
+"use client";
+
 import Image from "next/image";
-import Link from "next/link";
-import Map from "@/components/ui/map";
 import BlurFade from "@/components/ui/blur-fade";
 import logo from "@/public/images/logo.webp";
+import dynamic from "next/dynamic";
+
+export const DynamicMap = dynamic(() => import("@/components/ui/map"), {
+  ssr: false,
+});
 
 export default function Content() {
   return (
@@ -26,7 +31,7 @@ export default function Content() {
         </div>
         <div className="flex flex-col w-full mt-6">
           <BlurFade delay={0.8} inView>
-            <Map />
+            <DynamicMap />
           </BlurFade>
         </div>
       </div>

components/ui/gallery/tiles.jsx

@@ -25,7 +25,8 @@ export default function Tiles() {
   const loading = useRef(null);
 
   useEffect(() => {
-    if (typeof window === "undefined" || document === "undefined") return;
+    if (typeof window === "undefined" || typeof document === "undefined")
+      return;
 
     const showCanvasTimer = setTimeout(() => {
       setShowCanvas(true);

components/ui/map.jsx

@@ -28,7 +28,8 @@ export default function Map() {
   useEffect(() => {
     const m = mapElement?.current;
 
-    if (!m) return;
+    if (!m || typeof window === "undefined" || typeof document === "undefined")
+      return;
 
     const map = L.map(m, { attributionControl: false }).setView(
       coordinate,