diff --git a/app/(main)/ClientComponents/Global.tsx b/app/(main)/ClientComponents/Global.tsx
new file mode 100644
index 0000000..a3a0fc7
--- /dev/null
+++ b/app/(main)/ClientComponents/Global.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import DottedMap from "dotted-map";
+
+export default function Global() {
+
+ const map = new DottedMap({ height: 60, grid: "vertical" });
+
+ map.addPin({
+ lat: 40.73061,
+ lng: -73.935242,
+ svgOptions: { color: '#FF4500', radius: 0.4 },
+ });
+ map.addPin({
+ lat: 48.8534,
+ lng: 2.3488,
+ svgOptions: { color: '#FF4500', radius: 0.4 },
+ });
+
+
+ const svgMap = map.getSVG({
+ radius: 0.35,
+ color: "#D1D5DA",
+ shape: "circle",
+ // backgroundColor: "#15103E"
+ });
+
+
+
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/app/(main)/page.tsx b/app/(main)/page.tsx
index 1d7ce9f..82d2d8a 100644
--- a/app/(main)/page.tsx
+++ b/app/(main)/page.tsx
@@ -1,11 +1,13 @@
import ServerList from "@/components/ServerList";
import ServerOverview from "@/components/ServerOverview";
+import Global from "./ClientComponents/Global";
export default function Home() {
return (