Merge branch 'master' of https://gitea.arufalab.com/ImAlpha/Portfolio

Websites/jefes-nextjs/app/components/Reviews/page.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import GoogleReviews from './google_reviews';
 
 const App = () => {
-  const apiKey = 'AIzaSyDO7qlVQWRJGsW7dX1D9DFEMlTO4YsKBLI'; // Replace with your Google API key
+  const apiKey = 'AIzaSyClfOGrkQNRjDFzvnTk-W7Oeh-yyDNCXN0'; // Replace with your Google API key
   const placeId = 'ChIJQ-7Uc0BitocRQZASTWUyN04'; // Replace with the Google Place ID of the location
 
   return (

Websites/jefes-nextjs/app/page.tsx

@@ -182,7 +182,6 @@ export default function Home() {
                 priority
                 fill
                 style={{
-                  width: "100%",
                   objectPosition: "center",
                   objectFit: "contain",
                 }}
@@ -239,7 +238,6 @@ export default function Home() {
                 priority
                 fill
                 style={{
-                  width: "100%",
                   objectPosition: "center",
                   objectFit: "contain",
                 }}
@@ -277,7 +275,6 @@ export default function Home() {
                 priority
                 fill
                 style={{
-                  width: "100%",
                   objectPosition: "center",
                   objectFit: "contain",
                 }}
@@ -288,7 +285,7 @@ export default function Home() {
           </div>
         </div>
         <div className="w-full h-[80svh] bg-blue-300">
-          <GoogleReviews />
+          {/* <GoogleReviews /> */}
           <MapComponent />
         </div>
         {/* <div className="flex flex-col w-full h-[180vh]">

Websites/jefes-nextjs/components/Maps/MapComponent.tsx

@@ -1,3 +1,4 @@
+"use client";
 import React from 'react'
 import { GoogleMap, useJsApiLoader } from '@react-google-maps/api';
 
@@ -7,14 +8,15 @@ const containerStyle = {
 };
 
 const center = {
-  lat: -3.745,
-  lng: -38.523
+  lat: 36.10787615076762,
+  lng: -95.70694833561868,
 };
 
+
 function MyComponent() {
   const { isLoaded } = useJsApiLoader({
     id: 'google-map-script',
-    googleMapsApiKey: "YOUR_API_KEY"
+    googleMapsApiKey: "AIzaSyClfOGrkQNRjDFzvnTk-W7Oeh-yyDNCXN0"
   })
 
   const [map, setMap] = React.useState(null)