diff --git a/Websites/jefes-nextjs/app/page.tsx b/Websites/jefes-nextjs/app/page.tsx
index 47f63dd..dddea14 100644
--- a/Websites/jefes-nextjs/app/page.tsx
+++ b/Websites/jefes-nextjs/app/page.tsx
@@ -7,8 +7,7 @@ import MenuButton from "./menuButton";
 import "./home.css";
 import GoogleReviews from "./components/Reviews/google_reviews";
 import MapComponent from "@/components/Maps/MapComponent";
-import GoogleMaps from "./components/Maps/page";
-import Map from "@googlemaps/react-wrapper";
+
 
 export default function Home() {
   return (
@@ -290,12 +289,7 @@ export default function Home() {
         </div>
         <div className="w-full h-[80svh] bg-blue-300">
           <GoogleReviews />
-          <GoogleMaps />
-          <Map
-            apiKey="AIzaSyDO7qlVQWRJGsW7dX1D9DFEMlTO4YsKBLI"
-            defaultZoom={8}
-            defaultCenter={{ lat: 37.7749, lng: -122.4194 }}
-          />
+          <MapComponent />
         </div>
         {/* <div className="flex flex-col w-full h-[180vh]">
           <EmblaCarousel />
diff --git a/Websites/jefes-nextjs/components/Maps/MapComponent.tsx b/Websites/jefes-nextjs/components/Maps/MapComponent.tsx
index 84b728f..e59783f 100644
--- a/Websites/jefes-nextjs/components/Maps/MapComponent.tsx
+++ b/Websites/jefes-nextjs/components/Maps/MapComponent.tsx
@@ -19,7 +19,7 @@ function MyComponent() {
 
   const [map, setMap] = React.useState(null)
 
-  const onLoad = React.useCallback(function callback(map) {
+  const onLoad = React.useCallback(function callback(map:any) {
     // This is just an example of getting and using the map instance!!! don't just blindly copy!
     const bounds = new window.google.maps.LatLngBounds(center);
     map.fitBounds(bounds);
@@ -27,7 +27,7 @@ function MyComponent() {
     setMap(map)
   }, [])
 
-  const onUnmount = React.useCallback(function callback(map) {
+  const onUnmount = React.useCallback(function callback(map:any) {
     setMap(null)
   }, [])