feat: Replace FAQ section with Google Map
This commit is contained in:
5
.env
5
.env
@@ -1,4 +1 @@
|
||||
|
||||
VITE_API_URL=https://dev.api.webild.io
|
||||
VITE_PROJECT_ID=d4b4615c-a748-4f9b-8dd1-5914870a954e
|
||||
|
||||
VITE_GOOGLE_MAPS_API_KEY=YOUR_API_KEY
|
||||
|
||||
18
src/components/sections/map/Map.tsx
Normal file
18
src/components/sections/map/Map.tsx
Normal file
@@ -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 <div>Loading...</div>;
|
||||
return (
|
||||
<GoogleMap zoom={10} center={center} mapContainerClassName="w-full h-96">
|
||||
<Marker position={center} />
|
||||
</GoogleMap>
|
||||
);
|
||||
};
|
||||
|
||||
export default Map;
|
||||
@@ -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() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Got Questions?"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our coffee shop, menu, and services."
|
||||
items={[
|
||||
{
|
||||
question: "What are your opening hours?",
|
||||
answer: "We are open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer vegan options?",
|
||||
answer: "Yes, we have a variety of plant-based milk alternatives and a selection of vegan pastries available daily.",
|
||||
},
|
||||
{
|
||||
question: "Can I order online for pickup?",
|
||||
answer: "Absolutely! You can place your order through our website or mobile app for quick and convenient pickup at our counter.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="map" data-section="map">
|
||||
<Map />
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
|
||||
Reference in New Issue
Block a user