diff --git a/client/public/images/map/Macbook-Pro.png b/client/public/images/map/Macbook-Pro.png
deleted file mode 100644
index f6da2a3..0000000
Binary files a/client/public/images/map/Macbook-Pro.png and /dev/null differ
diff --git a/client/public/images/map/iPad-Pro-2022.png b/client/public/images/map/iPad-Pro-2022.png
deleted file mode 100644
index 5aa3fe8..0000000
Binary files a/client/public/images/map/iPad-Pro-2022.png and /dev/null differ
diff --git a/client/public/images/map/iPhone-15.png b/client/public/images/map/iPhone-15.png
deleted file mode 100644
index 4861ade..0000000
Binary files a/client/public/images/map/iPhone-15.png and /dev/null differ
diff --git a/client/public/images/map/laptop.png b/client/public/images/map/laptop.png
new file mode 100644
index 0000000..98c6d33
Binary files /dev/null and b/client/public/images/map/laptop.png differ
diff --git a/client/public/images/map/mobile.png b/client/public/images/map/mobile.png
new file mode 100644
index 0000000..d35c5df
Binary files /dev/null and b/client/public/images/map/mobile.png differ
diff --git a/client/public/images/map/tablet.png b/client/public/images/map/tablet.png
new file mode 100644
index 0000000..c0f4530
Binary files /dev/null and b/client/public/images/map/tablet.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index 5d28871..c29bf85 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -622,7 +622,7 @@ function App() {
-
diff --git a/client/src/components/Map.tsx b/client/src/components/Map.tsx
index d953846..2091d1f 100644
--- a/client/src/components/Map.tsx
+++ b/client/src/components/Map.tsx
@@ -1,12131 +1,8175 @@
-import { inView, motion, useInView } from "framer-motion";
-import React, { useEffect, useRef } from "react";
+import React, { useRef } from "react";
+import { motion, useInView } from "framer-motion";
function Map() {
- const svgRef = useRef(null);
+ const svgRef = useRef(null);
const isInView = useInView(svgRef);
return (
diff --git a/client/src/components/Map2.tsx b/client/src/components/Map2Old.tsx
similarity index 100%
rename from client/src/components/Map2.tsx
rename to client/src/components/Map2Old.tsx
diff --git a/client/src/components/MapOld.tsx b/client/src/components/MapOld.tsx
new file mode 100644
index 0000000..d953846
--- /dev/null
+++ b/client/src/components/MapOld.tsx
@@ -0,0 +1,12303 @@
+import { inView, motion, useInView } from "framer-motion";
+import React, { useEffect, useRef } from "react";
+
+function Map() {
+ const svgRef = useRef(null);
+ const isInView = useInView(svgRef);
+
+ return (
+
+ );
+}
+
+export default Map;