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">

components/HomeContent.tsx

@@ -154,12 +154,11 @@ export default function Home() {
         <div className="container-custom">
           <div className="grid grid-cols-1 lg:grid-cols-2 items-center gap-16 md:gap-24">
             <Reveal direction="right">
-              <div className="relative">
-                <div className="absolute -inset-4 bg-accent/10 rounded-3xl -rotate-2 z-0" />
+              <div className="relative overflow-hidden rounded-2xl shadow-lg">
                 <img
                   src="/media/cables/HS Kabel.png"
                   alt="Technical Engineering"
-                  className="relative z-10 w-full h-[400px] md:h-[500px] object-cover rounded-2xl shadow-2xl"
+                  className="w-full h-[400px] md:h-[500px] object-cover hover:scale-105 transition-transform duration-700"
                 />
               </div>
             </Reveal>