diff --git a/src/components/ui/MapModal.module.css b/src/components/ui/MapModal.module.css
index f826deb..fbaf6b2 100644
--- a/src/components/ui/MapModal.module.css
+++ b/src/components/ui/MapModal.module.css
@@ -76,4 +76,25 @@
     border-radius: 4px;
     cursor: pointer;
   }
-  
\ No newline at end of file
+  
+  .mapLinks {
+    margin-top: 10px;
+    gap: 2px;
+  }
+  
+  .mapLinks a {
+    display: inline-block;
+    color: #007aff;
+    text-align: center;
+    border-radius: 4px;
+    font-weight: 500;
+  }
+  
+  .mapLinks a:hover {
+    text-decoration: underline;
+  }
+  .mapLinks .icon {
+    margin-right: 8px;
+    display: inline-flex;
+    align-items: center;
+  }
\ No newline at end of file
diff --git a/src/components/ui/MapModal.tsx b/src/components/ui/MapModal.tsx
index 920becf..0361081 100644
--- a/src/components/ui/MapModal.tsx
+++ b/src/components/ui/MapModal.tsx
@@ -42,13 +42,13 @@ const MapModal: React.FC<MapModalProps> = ({
       mapRef.current = new mapboxgl.Map({
         container: mapContainerRef.current,
         style: 'mapbox://styles/mapbox/streets-v11',
-        center: [center[1],center[0]],
+        center: [center[1], center[0]],
         zoom: zoom,
       });
 
       // Add the marker to the specified location
       new mapboxgl.Marker()
-        .setLngLat([markerLocation[1],markerLocation[0]])
+        .setLngLat([markerLocation[1], markerLocation[0]])
         .addTo(mapRef.current);
 
       return () => mapRef.current?.remove();
@@ -57,6 +57,10 @@ const MapModal: React.FC<MapModalProps> = ({
 
   if (!isOpen) return null;
 
+  // URLs for Google Maps and Apple Maps
+  const googleMapsUrl = `https://www.google.com/maps?q=${center[0]},${center[1]}`;
+  const appleMapsUrl = `https://maps.apple.com/?ll=${center[0]},${center[1]}`;
+
   return (
     <div className={styles.modalOverlay} onClick={onClose}>
       <div className={styles.modalContent} onClick={(e) => e.stopPropagation()}>
@@ -66,11 +70,42 @@ const MapModal: React.FC<MapModalProps> = ({
         <div className={styles.rightColumn}>
           <h2>{info.title}</h2>
           <p className={styles.subTitle}>{subTitle}</p>
-          <h3>Address </h3>
+          <h3>Address</h3>
           <p>{info.address}</p>
-          <p></p>
           <div className={styles.imageSection}>
-              <img src={info.image} alt={`Image`} />
+              <img src={info.image} alt="Image" />
+          </div>
+          <div className={styles.mapLinks}>
+          
+            <a href={googleMapsUrl} target="_blank" rel="noopener noreferrer">
+              Google Maps
+            <span className={styles.icon}>
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
+                </svg>
+              </span>
+            </a>
+            <a href={appleMapsUrl} target="_blank" rel="noopener noreferrer">
+            Apple Maps
+            <span className={styles.icon}>
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 24 24"
+                  fill="currentColor"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
+                </svg>
+              </span>
+              
+            </a>
           </div>
           <button className={styles.closeButton} onClick={onClose}>
             Close