From 4f7205fbd099e39c9b198f4d57481036ae61f5a2 Mon Sep 17 00:00:00 2001
From: Pau Sansa <pausansa59@gmail.com>
Date: Sun, 17 Nov 2024 22:50:58 +0100
Subject: [PATCH] add map button for missings page

---
 src/app/personas-animales-desaparecidos/page.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/personas-animales-desaparecidos/page.tsx b/src/app/personas-animales-desaparecidos/page.tsx
index 117b715..3b7413c 100644
--- a/src/app/personas-animales-desaparecidos/page.tsx
+++ b/src/app/personas-animales-desaparecidos/page.tsx
@@ -1,6 +1,6 @@
 // personas-animales-desaparecidos/page.tsx
 
-import { Users, PawPrint, Car, UserSearch } from 'lucide-react';
+import { Users, PawPrint, Car, UserSearch, Map } from 'lucide-react';
 
 export default function PersonasAnimalesDesaparecidos() {
   return (
@@ -55,6 +55,17 @@ export default function PersonasAnimalesDesaparecidos() {
           <Car className="h-10 w-10 text-purple-500 mb-2" />
           <h2 className="text-lg font-bold text-purple-600 text-center">Vehículos Extraviados</h2>
         </a>
+
+        {/* Botón para Mapa Desaparecidos */}
+        <a
+          href="https://www.google.com/maps/d/u/0/viewer?mid=1WbP4DX7LKE4s_b7DqURdeDRu9GFi51c&ll=39.48755099221443%2C-0.3798128440213966&z=12"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="col-span-1 md:col-start-2 flex flex-col items-center justify-center bg-white border-l-4 border-amber-500 p-6 rounded-lg shadow hover:shadow-md transition-transform transform hover:-translate-y-1"
+        >
+          <Map className="h-10 w-10 text-amber-500 mb-2" />
+          <h2 className="text-lg font-bold text-amber-600 text-center">Mapa Desaparecidos</h2>
+        </a>
       </div>
     </div>
   );