diff --git a/Websites/jefes-nextjs/app/components/WSPGallery/page.tsx b/Websites/jefes-nextjs/app/components/WSPGallery/page.tsx
index 0f3441d..7faeb92 100644
--- a/Websites/jefes-nextjs/app/components/WSPGallery/page.tsx
+++ b/Websites/jefes-nextjs/app/components/WSPGallery/page.tsx
@@ -4,12 +4,13 @@ import "./wspgallery.css";
 import Image from "next/image";
 import { FaCircleChevronLeft, FaCircleChevronRight } from "react-icons/fa6";
 import { AiOutlineClose } from "react-icons/ai";
+import { StaticImport } from "next/dist/shared/lib/get-img-props";
 
-const WSPGallery = ({ galleryImages }) => {
+const WSPGallery = ({ galleryImages }: any) => {
   const [slideNumber, setSlideNumber] = useState(0);
   const [openModal, setOpenModal] = useState(false);
 
-  const handleOpenModal = (index) => {
+  const handleOpenModal = (index: any) => {
     setSlideNumber(index);
     setOpenModal(true);
   };
@@ -42,7 +43,6 @@ const WSPGallery = ({ galleryImages }) => {
               fill
               style={{ objectFit: "contain" }}
               className="cursor-pointer"
-              onClick={() => handleOpenModal(index)}
             />
           </div>
         </div>
@@ -50,7 +50,7 @@ const WSPGallery = ({ galleryImages }) => {
 
       <div className="galleryWrap">
         {galleryImages &&
-          galleryImages.map((slide, index) => {
+          galleryImages.map((slide: { img: string | StaticImport; }, index: React.Key | null | undefined) => {
             return (
               <div className="single w-[200px] " key={index}>
                 <Image