feat: replace contact image with Google Map

src/components/sections/contact/ContactSplitForm.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import ScrollReveal from "@/components/ui/ScrollReveal";
 import TextAnimation from "@/components/ui/TextAnimation";
-import ImageOrVideo from "@/components/ui/ImageOrVideo";
+
 import { sendContactEmail } from "@/lib/api/email";
 
 type InputField = {
@@ -26,7 +26,7 @@ type ContactSplitFormProps = {
   textarea?: TextareaField;
   buttonText: string;
   onSubmit?: (data: Record<string, string>) => void;
-} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+};
 
 const ContactSplitForm = ({
   tag,
@@ -36,8 +36,6 @@ const ContactSplitForm = ({
   textarea,
   buttonText,
   onSubmit,
-  imageSrc,
-  videoSrc,
 }: ContactSplitFormProps) => {
   const [formData, setFormData] = useState<Record<string, string>>(() => {
     const initial: Record<string, string> = {};
@@ -129,7 +127,16 @@ const ContactSplitForm = ({
           </div>
 
           <div className="h-100 md:h-full md:relative card rounded overflow-hidden">
-            <ImageOrVideo imageSrc={imageSrc} videoSrc={videoSrc} className="md:absolute md:inset-0 size-full object-cover" />
+            <iframe
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d194347.4774594344!2d-3.819619083593742!3d40.4379543!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd422997800a3c81%3A0xc436dec1618c2269!2sMadrid%2C%20Spain!5e0!3m2!1sen!2sus!4v1620214138288!5m2!1sen!2sus"
+              width="100%"
+              height="100%"
+              style={{ border: 0 }}
+              allowFullScreen={true}
+              loading="lazy"
+              title="Google Map of Madrid, Spain"
+              className="md:absolute md:inset-0 size-full"
+            ></iframe>
           </div>
         </ScrollReveal>
       </div>

src/pages/HomePage.tsx

@@ -258,7 +258,7 @@ export default function HomePage() {
         required: true,
       }}
       buttonText="Send Message"
-      imageSrc="http://img.b2bpic.net/free-photo/creative-flat-lay-gardening-concept_23-2148195500.jpg"
+      
     />
   </div>
     </>