map

components/ContactContent.tsx

@@ -98,9 +98,23 @@ export default function Contact() {
                   </div>
                 </div>
               </Reveal>
+
+              <Reveal delay={0.3}>
+                <div className="w-full h-[300px] rounded-[2.5rem] overflow-hidden border border-slate-100 shadow-sm grayscale hover:grayscale-0 transition-all duration-700">
+                  <iframe
+                    width="100%"
+                    height="100%"
+                    frameBorder="0"
+                    scrolling="no"
+                    marginHeight={0}
+                    marginWidth={0}
+                    src="https://www.openstreetmap.org/export/embed.html?bbox=9.445,48.815,9.465,48.825&layer=mapnik&marker=48.8198,9.4552"
+                  ></iframe>
+                </div>
+              </Reveal>
             </div>
 
-            <Reveal delay={0.3}>
+            <Reveal delay={0.4}>
               <div className="bg-white p-8 md:p-12 rounded-[2.5rem] border border-slate-100 shadow-xl">
                 {submitted ? (
                   <div className="text-center py-12">