From bd7cc70a18648ea27c1a9390b52471fb9cd1272a Mon Sep 17 00:00:00 2001
From: Calum Muir <calumamuir@outlook.com>
Date: Thu, 30 Apr 2026 20:01:29 +0000
Subject: [PATCH] Replace map placeholder on About page with Google Maps embed

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/pages/about.astro | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/pages/about.astro b/src/pages/about.astro
index c83d43f..bc8a8fa 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -366,20 +366,15 @@ const testimonials = [
                             </svg>
                         </a>
                     </div>
-                    <a
-                        href="https://maps.google.com/?q=Sandycroft,Reelig,Kirkhill,IV5+7PP"
-                        target="_blank"
-                        rel="noreferrer"
-                        aria-label="Open location in Google Maps"
-                        style="position: relative; height: 340px; border-radius: 7px; overflow: hidden; background: #d6d6d6; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; border: 1px solid rgba(0,0,0,0.1); text-decoration: none;"
-                    >
-                        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="#7DA371" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-                            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
-                            <circle cx="12" cy="10" r="3"/>
-                        </svg>
-                        <p style="font-family: 'Public Sans', sans-serif; font-weight: 700; font-size: 14px; color: rgba(0,0,0,0.5); letter-spacing: 0.06em; text-transform: uppercase;">View on Google Maps</p>
-                        <p style="font-family: 'Public Sans', sans-serif; font-weight: 600; font-size: 13px; color: rgba(0,0,0,0.35); text-align: center; max-width: 220px;">Sandycroft, Reelig, Kirkhill, IV5 7PP</p>
-                    </a>
+                    <div style="height: 340px; border-radius: 7px; overflow: hidden; border: 1px solid rgba(0,0,0,0.1);">
+                        <iframe
+                            title="Highland Group RDA location"
+                            src="https://www.google.com/maps?q=IV5%207PP&z=11&output=embed"
+                            style="width: 100%; height: 100%; border: 0; display: block;"
+                            loading="lazy"
+                            referrerpolicy="no-referrer-when-downgrade"
+                        ></iframe>
+                    </div>
                 </div>
             </section>