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() { /> -
- -
+
+ +