diff --git a/.env b/.env
index 00dc5ae..7aab478 100644
--- a/.env
+++ b/.env
@@ -1,4 +1 @@
-
- VITE_API_URL=https://dev.api.webild.io
- VITE_PROJECT_ID=d4b4615c-a748-4f9b-8dd1-5914870a954e
-
\ No newline at end of file
+VITE_GOOGLE_MAPS_API_KEY=YOUR_API_KEY
diff --git a/src/components/sections/map/Map.tsx b/src/components/sections/map/Map.tsx
new file mode 100644
index 0000000..5095c00
--- /dev/null
+++ b/src/components/sections/map/Map.tsx
@@ -0,0 +1,18 @@
+import { GoogleMap, useLoadScript, Marker } from '@react-google-maps/api';
+import { useMemo } from 'react';
+
+const Map = () => {
+ const { isLoaded } = useLoadScript({
+ googleMapsApiKey: import.meta.env.VITE_GOOGLE_MAPS_API_KEY,
+ });
+ const center = useMemo(() => ({ lat: 18.52043, lng: 73.856743 }), []);
+
+ if (!isLoaded) return
Loading...
;
+ return (
+
+
+
+ );
+};
+
+export default Map;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 7709ed3..662d395 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,6 +1,6 @@
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
+import Map from '@/components/sections/map/Map';
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
@@ -264,27 +264,9 @@ export default function HomePage() {
/>
-
-
-
+
+
+