From 20512a9a223d78141b6b006f2e9518b610928234 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:27:59 +0000
Subject: [PATCH 1/6] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 289a326..88c8837 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -82,7 +82,7 @@ export default function AboutPage() {
           title="About AMASHIBAZELA TRADING ENTERPRISE"
           description="AMASHIBAZELA TRADING ENTERPRISE (ATE) is a 100% Black-owned, multi-disciplinary engineering and consultancy firm founded in 2016. We specialize in turnkey EPCT (Engineering, Procurement, Construction, and Transportation) life-cycle services for infrastructure projects across South Africa and Africa. Our commitment to excellence, innovation, and customer satisfaction drives every project we undertake."
           tag="Our Story"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/professional-engineering-team-meeting-in-1773080823676-d8e62437.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/professional-engineering-team-meeting-in-1773080823676-d8e62437.png?_wi=2"
           imageAlt="Professional engineering team collaboration"
           buttons={[{ text: "Contact Us", href: "/contact" }]}
           useInvertedBackground={false}
@@ -105,7 +105,7 @@ export default function AboutPage() {
               description:
                 "We operate with complete transparency and ethical practices. Integrity is not just a value—it's the foundation of our relationships and business decisions.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=4",
               imageAlt: "Professional electrical infrastructure work",
             },
             {
@@ -116,7 +116,7 @@ export default function AboutPage() {
               description:
                 "Quality is non-negotiable. We maintain the highest professional standards across engineering, procurement, construction, and project management.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png?_wi=3",
               imageAlt: "High-quality substation construction",
             },
             {
@@ -127,7 +127,7 @@ export default function AboutPage() {
               description:
                 "Safety is paramount in all our operations. We implement rigorous safety protocols and maintain compliance with all regulations to protect our team and stakeholders.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png?_wi=3",
               imageAlt: "Safe railway infrastructure development",
             },
           ]}
-- 
2.49.1


From 21acaf1c456539a483ac7a3ea8b7b93541c1815d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:27:59 +0000
Subject: [PATCH 2/6] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 13db445..97cdb80 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -85,7 +85,7 @@ export default function ContactPage() {
           tagIcon={Handshake}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png?_wi=4"
           imageAlt="Modern South African office environment or industrial site with professional team members. Clean, co"
           mediaPosition="right"
           mediaAnimation="slide-up"
-- 
2.49.1


From c3490a43163bcb17ff9d9ca75dba35f28960e079 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:28:00 +0000
Subject: [PATCH 3/6] Update src/app/layout.tsx

---
 src/app/layout.tsx | 1367 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 1367 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index be90463..a958863 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1425,6 +1425,1373 @@ export default function RootLayout({
   
   window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
 })();
+`
+          }}
+        />
+      
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+(function() {
+  if (window.self === window.top) return;
+
+  if (window.__webildEditorInitialized) return;
+  window.__webildEditorInitialized = true;
+
+  let isActive = false;
+  let hoveredElement = null;
+  let selectedElement = null;
+  let originalContent = null;
+  let isEditing = false;
+  let elementTypeLabel = null;
+  let hoverOverlay = null;
+  let scrollTimeout = null;
+  let isScrolling = false;
+
+  const invalidElements = ['html', 'body', 'script', 'style', 'meta', 'link', 'head', 'noscript', 'title'];
+  const hoverClass = 'webild-hover';
+  const selectedClass = 'webild-selected';
+
+  const style = document.createElement('style');
+  style.id = 'webild-inspector-styles';
+  style.textContent = '' +
+    '.webild-hover {' +
+    '  outline: 2px dashed #4d96ff80 !important;' +
+    '  border-radius: 0 !important;' +
+    '  outline-offset: 2px !important;' +
+    '  cursor: pointer !important;' +
+    '  transition: outline 0.15s ease !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '}' +
+    '.webild-selected {' +
+    '  outline: 2px solid #4d96ff !important;' +
+    '  outline-offset: 2px !important;' +
+    '  transition: outline 0.15s ease !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '  border-radius: 0 !important;' +
+    '}' +
+    '[contenteditable="true"].webild-selected {' +
+    '  outline: 2px solid #4d96ff !important;' +
+    '  background-color: #4d96ff05 !important;' +
+    '}' +
+    'img.webild-hover,' +
+    'img.webild-selected,' +
+    'video.webild-hover,' +
+    'video.webild-selected {' +
+    '  outline-offset: 2px !important;' +
+    '}' +
+    '.webild-element-type-label {' +
+    '  position: fixed !important;' +
+    '  z-index: 999999 !important;' +
+    '  background: #4d96ff !important;' +
+    '  color: white !important;' +
+    '  padding: 4px 8px !important;' +
+    '  font-size: 11px !important;' +
+    '  font-weight: 600 !important;' +
+    '  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
+    '  pointer-events: none !important;' +
+    '  white-space: nowrap !important;' +
+    '  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;' +
+    '  letter-spacing: 0.3px !important;' +
+    '  border: 1px solid #4d96ff20 !important;' +
+    '}' +
+    '.webild-element-type-label.label-top {' +
+    '  border-radius: 6px 6px 0 0 !important;' +
+    '}' +
+    '.webild-element-type-label.label-bottom {' +
+    '  border-radius: 0 0 6px 6px !important;' +
+    '}' +
+    '.webild-hover-overlay {' +
+    '  position: fixed !important;' +
+    '  background-color: #4d96ff15 !important;' +
+    '  pointer-events: none !important;' +
+    '  z-index: 999998 !important;' +
+    '  transition: all 0.15s ease !important;' +
+    '}';
+  document.head.appendChild(style);
+  
+  const getUniqueSelector = (element, assignId = false) => {
+    if (element.dataset && element.dataset.webildSelector) {
+      return element.dataset.webildSelector;
+    }
+    
+    const existingId = element.getAttribute('data-webild-id');
+    if (existingId) {
+      return '[data-webild-id="' + existingId + '"]';
+    }
+    
+    if (assignId) {
+      const uniqueId = 'webild-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);
+      element.setAttribute('data-webild-id', uniqueId);
+      return '[data-webild-id="' + uniqueId + '"]';
+    }
+    
+    return null;
+  };
+  
+  const getSectionId = (element) => {
+    let current = element;
+    while (current && current !== document.body) {
+      const sectionId = current.getAttribute('data-section');
+      if (sectionId) {
+        return sectionId;
+      }
+      current = current.parentElement;
+    }
+    return 'hero';
+  };
+  
+  const getElementType = (element) => {
+  const tagName = element.tagName.toLowerCase();
+  const computedStyle = window.getComputedStyle(element);
+
+  if (tagName === 'img') {
+    return 'Image';
+  }
+
+  if (tagName === 'video') {
+    return 'Video';
+  }
+
+  const backgroundImage = computedStyle.backgroundImage;
+  if (backgroundImage && backgroundImage !== 'none') {
+    const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
+    if (urlMatch && urlMatch[1] && !urlMatch[1].includes('gradient')) {
+      const area = element.offsetWidth * element.offsetHeight;
+      const hasReasonableSize = area > 1000;
+      const hasFewChildren = element.children.length <= 2;
+      
+      if (hasReasonableSize && hasFewChildren) {
+        return 'Image';
+      }
+    }
+  }
+
+    if (tagName === 'button') return 'Button';
+    if (tagName === 'a' && element.getAttribute('href')) return 'Button';
+    if (element.getAttribute('role') === 'button') return 'Button';
+
+    const buttonClasses = ['btn', 'button', 'cta', 'action-button'];
+    const hasButtonClass = buttonClasses.some(cls =>
+      element.classList.contains(cls) || element.classList.contains(\`btn-\${cls}\`)
+    );
+
+    if (hasButtonClass && element.textContent && element.textContent.trim().length > 0) {
+      return 'Button';
+    }
+
+    const textTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label', 'li'];
+    if (textTags.includes(tagName)) {
+      return 'Text';
+    }
+
+    if (tagName === 'div') {
+      const hasDirectText = Array.from(element.childNodes).some(node => 
+        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
+      );
+      
+      if (hasDirectText && !element.querySelector('div, section, article, main, header, footer')) {
+        return 'Text';
+      }
+      
+      return 'Div';
+    }
+
+    if (tagName === 'article') {
+      return 'Article';
+    }
+
+    if (tagName === 'a' && !element.getAttribute('href')) {
+      return 'Text';
+    }
+
+    return 'Section';
+  };
+
+  const extractOriginalUrl = (url) => {
+    if (!url) return url;
+
+    if (url.includes('/_next/')) {
+      try {
+        const urlObj = new URL(url);
+        const originalPath = urlObj.searchParams.get('url');
+        if (originalPath) {
+          return originalPath;
+        }
+      } catch (e) {
+        return url;
+      }
+    }
+    
+    if (url.includes('.webild.io/')) {
+      try {
+        const urlObj = new URL(url);
+        return urlObj.pathname;
+      } catch (e) {
+        return url;
+      }
+    }
+
+    return url;
+  };
+
+  const getMediaTypeFromUrl = (url) => {
+    const videoExts = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv', '.m4v', '.wmv'];
+    const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.tiff', '.avif'];
+    try {
+      const pathname = new URL(url).pathname.toLowerCase();
+      if (videoExts.some(function(ext) { return pathname.endsWith(ext); })) return 'video';
+      if (imageExts.some(function(ext) { return pathname.endsWith(ext); })) return 'image';
+    } catch(e) {}
+    return 'unknown';
+  };
+
+  const swapMediaElement = (oldEl, newTag, newSrc) => {
+    const newEl = document.createElement(newTag);
+    Array.from(oldEl.attributes).forEach(function(attr) {
+      if (attr.name !== 'src' && attr.name !== 'alt' && attr.name !== 'srcset' && attr.name !== 'autoplay' && attr.name !== 'loop' && attr.name !== 'muted' && attr.name !== 'playsinline') {
+        try { newEl.setAttribute(attr.name, attr.value); } catch(e) {}
+      }
+    });
+    newEl.style.cssText = oldEl.style.cssText;
+    if (newTag === 'video') {
+      newEl.setAttribute('autoplay', '');
+      newEl.setAttribute('loop', '');
+      newEl.setAttribute('muted', '');
+      newEl.setAttribute('playsinline', '');
+    }
+    newEl.src = newSrc;
+    if (oldEl.parentNode) {
+      oldEl.parentNode.replaceChild(newEl, oldEl);
+    }
+    return newEl;
+  };
+
+  const getElementInfo = (element, assignId = false) => {
+    const rect = element.getBoundingClientRect();
+    const tagName = element.tagName.toLowerCase();
+    const selector = getUniqueSelector(element, assignId);
+    const sectionId = getSectionId(element);
+    
+    let className = undefined;
+    try {
+      if (element.className) {
+        if (typeof element.className === 'string') {
+          className = element.className;
+        } else if (element.className.baseVal !== undefined) {
+          className = element.className.baseVal;
+        }
+      }
+    } catch (e) {}
+    
+    const info = {
+      tagName: tagName,
+      id: element.id || undefined,
+      className: className,
+      selector: selector,
+      elementType: null,
+      sectionId: sectionId,
+      boundingBox: {
+        x: rect.left,
+        y: rect.top,
+        width: rect.width,
+        height: rect.height
+      }
+    };
+    
+    if (tagName === 'img') {
+      const originalSrc = extractOriginalUrl(element.src);
+      info.imageData = {
+        src: originalSrc,
+        alt: element.alt || undefined,
+        naturalWidth: element.naturalWidth,
+        naturalHeight: element.naturalHeight,
+        isBackground: false
+      };
+    }
+
+    if (tagName === 'video') {
+      const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
+      const resolvedSrc = extractOriginalUrl(rawSrc);
+      info.imageData = {
+        src: resolvedSrc,
+        alt: element.getAttribute('aria-label') || undefined,
+        isBackground: false,
+        isVideo: true
+      };
+    }
+
+    const computedStyle = window.getComputedStyle(element);
+    const backgroundImage = computedStyle.backgroundImage;
+    if (backgroundImage && backgroundImage !== 'none') {
+      const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
+      if (urlMatch) {
+        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
+        if (tagName !== 'img') {
+          info.imageData = {
+            src: originalBgSrc,
+            isBackground: true
+          };
+        } else {
+          if (!info.imageData) info.imageData = {};
+          info.imageData.backgroundImageSrc = originalBgSrc;
+        }
+      }
+    }
+    
+    const elementType = getElementType(element);
+    info.elementType = elementType;
+    
+    if (elementType === 'Button') {
+      const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
+      const buttonHref = element.getAttribute('href') ||
+                        element.getAttribute('data-href') ||
+                        element.getAttribute('onclick') ||
+                        element.dataset?.link ||
+                        undefined;
+
+      info.buttonData = {
+        text: buttonText,
+        href: buttonHref
+      };
+    }
+
+    if (elementType === 'Text') {
+      info.textContent = element.textContent || '';
+    }
+    
+    return info;
+  };
+  
+  const isValidElement = (element) => {
+    if (!isActive) return false;
+    const tagName = element.tagName?.toLowerCase();
+    if (invalidElements.includes(tagName)) return false;
+    const isImage = tagName === 'img';
+    const isVideo = tagName === 'video';
+    if (isImage || isVideo) return true;
+    const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0;
+    const hasTextContent = element.textContent && element.textContent.trim().length > 0;
+    const hasChildren = element.children && element.children.length > 0;
+    if (!hasInnerHTML && !hasTextContent && !hasChildren) {
+      return false;
+    }
+    const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
+    if (hasBackgroundImage && !hasChildren && !hasTextContent) {
+      return false;
+    }
+    
+    return true;
+  };
+
+  const getMostSpecificElement = (x, y) => {
+    const elements = document.elementsFromPoint(x, y);
+    const validElements = elements.filter(el =>
+      isValidElement(el) &&
+      !el.classList.contains('webild-hover-overlay') &&
+      !el.classList.contains('webild-element-type-label')
+    );
+
+    if (validElements.length === 0) return null;
+    const scoredElements = validElements.map(element => {
+      let score = 0;
+      const rect = element.getBoundingClientRect();
+      const tagName = element.tagName.toLowerCase();
+      const computedStyle = window.getComputedStyle(element);
+      let depth = 0;
+      let current = element;
+      while (current && current !== document.body) {
+        depth++;
+        current = current.parentElement;
+      }
+      score += depth * 2;
+      const hasDirectText = Array.from(element.childNodes).some(node => 
+        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
+      );
+
+      const hasImages = element.tagName === 'IMG' || element.tagName === 'VIDEO' || computedStyle.backgroundImage !== 'none' || element.querySelector('img') || element.querySelector('video');
+      const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName);
+      const hasFewChildren = element.children.length <= 3;
+      const area = rect.width * rect.height;
+      const viewportArea = window.innerWidth * window.innerHeight;
+      const isSmallElement = area < viewportArea * 0.1;
+      if (hasDirectText) score += 20;
+      if (hasImages) score += 15;
+      if (isInteractive) score += 25;
+      if (hasFewChildren) score += 10;
+      if (isSmallElement) score += 5;
+      if (area > viewportArea * 0.3) score -= 30;
+      if (element.hasAttribute('data-section')) score -= 15;
+      if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName)) score += 20;
+      if (['p', 'span', 'label'].includes(tagName)) score += 15;
+      if (tagName === 'div' && !hasDirectText && element.children.length > 2) score -= 10;
+
+      return { element, score };
+    });
+    scoredElements.sort((a, b) => b.score - a.score);
+    return scoredElements[0]?.element || validElements[0];
+  };
+
+  const isTextElement = (element) => {
+    const elementType = getElementType(element);
+    return elementType === 'Text';
+  };
+
+  const isButtonElement = (element) => {
+    const elementType = getElementType(element);
+    return elementType === 'Button';
+  };
+
+  const updateButtonText = (element, newText) => {
+    const textNodes = [];
+    const walker = document.createTreeWalker(
+      element,
+      NodeFilter.SHOW_TEXT,
+      null
+    );
+
+    let node;
+    while (node = walker.nextNode()) {
+      if (node.textContent && node.textContent.trim()) {
+        textNodes.push(node);
+      }
+    }
+
+    if (textNodes.length > 0) {
+      textNodes[0].textContent = newText;
+      for (let i = 1; i < textNodes.length; i++) {
+        textNodes[i].textContent = '';
+      }
+    } else {
+      element.textContent = newText;
+    }
+  };
+
+  const makeEditable = (element, clickEvent) => {
+    if (!isTextElement(element)) return;
+    
+    originalContent = element.textContent;
+    element.contentEditable = 'true';
+    
+    if (!element.dataset.webildOriginalWhiteSpace) {
+      const computedStyle = window.getComputedStyle(element);
+      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
+      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
+      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
+      element.dataset.webildOriginalOverflow = computedStyle.overflow;
+    }
+    
+    element.style.whiteSpace = 'pre-wrap';
+    element.style.wordWrap = 'break-word';
+    element.style.overflowWrap = 'break-word';
+    element.style.overflow = 'visible';
+    
+    element.focus();
+    isEditing = true;
+    
+    window.parent.postMessage({
+      type: 'webild-text-editing-started',
+      data: { selector: getElementInfo(element).selector }
+    }, '*');
+    
+    const handleBeforeInput = (e) => {
+      // Prevent deletion if it would leave the element empty
+      const currentText = element.textContent || '';
+      const inputType = e.inputType;
+      
+      // Check if this is a delete operation that would leave the element empty
+      if ((inputType === 'deleteContentBackward' || inputType === 'deleteContentForward' || inputType === 'deleteByCut') && currentText.length <= 1) {
+        e.preventDefault();
+        element.textContent = ' ';
+        // Move cursor to the beginning
+        const range = document.createRange();
+        const sel = window.getSelection();
+        range.setStart(element.firstChild || element, 0);
+        range.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(range);
+      }
+    };
+    
+    const handleInput = () => {
+      const elementInfo = getElementInfo(element);
+      let currentText = element.textContent;
+      
+      // Ensure there's always at least a space to keep the element editable
+      if (currentText === '' || currentText === null || currentText.length === 0) {
+        element.textContent = ' ';
+        currentText = ' ';
+        // Move cursor to the beginning
+        try {
+          const range = document.createRange();
+          const sel = window.getSelection();
+          range.setStart(element.firstChild || element, 0);
+          range.collapse(true);
+          sel.removeAllRanges();
+          sel.addRange(range);
+        } catch (e) {
+          // Ignore cursor positioning errors
+        }
+      }
+
+      window.parent.postMessage({
+        type: 'webild-element-changed',
+        data: {
+          type: 'updateText',
+          selector: elementInfo.selector,
+          oldValue: originalContent,
+          newValue: currentText,
+          elementType: elementInfo.elementType,
+          sectionId: elementInfo.sectionId,
+          timestamp: Date.now()
+        }
+      }, '*');
+      
+      if (currentText !== originalContent) {
+        window.parent.postMessage({
+          type: 'webild-text-changed',
+          data: { 
+            selector: elementInfo.selector,
+            hasChanges: true
+          }
+        }, '*');
+      }
+    };
+    
+    element.addEventListener('beforeinput', handleBeforeInput);
+    element.addEventListener('input', handleInput);
+    element.dataset.inputHandler = 'true';
+    element.dataset.beforeInputHandler = 'true';
+    
+    if (clickEvent && element.childNodes.length > 0) {
+      try {
+        let range = null;
+        
+        if (document.caretRangeFromPoint) {
+          range = document.caretRangeFromPoint(clickEvent.clientX, clickEvent.clientY);
+        } else if (document.caretPositionFromPoint) {
+          const position = document.caretPositionFromPoint(clickEvent.clientX, clickEvent.clientY);
+          if (position) {
+            range = document.createRange();
+            range.setStart(position.offsetNode, position.offset);
+            range.collapse(true);
+          }
+        }
+        
+        if (range) {
+          const selection = window.getSelection();
+          selection.removeAllRanges();
+          selection.addRange(range);
+        }
+      } catch (e) {
+        console.warn('[Webild] Could not set caret position:', e);
+      }
+    }
+  };
+  
+  const makeUneditable = (element, save = false) => {
+    if (!element || element.contentEditable !== 'true') return;
+    
+    element.contentEditable = 'false';
+    isEditing = false;
+    
+    if (element.dataset.webildOriginalWhiteSpace) {
+      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
+      delete element.dataset.webildOriginalWhiteSpace;
+    }
+    if (element.dataset.webildOriginalWordWrap) {
+      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
+      delete element.dataset.webildOriginalWordWrap;
+    }
+    if (element.dataset.webildOriginalOverflowWrap) {
+      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
+      delete element.dataset.webildOriginalOverflowWrap;
+    }
+    if (element.dataset.webildOriginalOverflow) {
+      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
+      delete element.dataset.webildOriginalOverflow;
+    }
+    
+    if (element.dataset.beforeInputHandler === 'true') {
+      element.removeEventListener('beforeinput', () => {});
+      delete element.dataset.beforeInputHandler;
+    }
+    
+    if (element.dataset.inputHandler === 'true') {
+      element.removeEventListener('input', () => {});
+      delete element.dataset.inputHandler;
+    }
+    
+    window.parent.postMessage({
+      type: 'webild-text-editing-ended',
+      data: { selector: getElementInfo(element).selector }
+    }, '*');
+    
+    if (save && originalContent !== element.textContent) {
+      const elementInfo = getElementInfo(element);
+      let finalText = element.textContent;
+      
+      // Trim the final text and convert space-only to empty string for saving
+      if (finalText === ' ' || finalText.trim() === '') {
+        finalText = '';
+        // Update the actual element text to empty for display
+        element.textContent = '';
+      }
+      
+      const change = {
+        type: 'updateText',
+        selector: elementInfo.selector,
+        oldValue: originalContent,
+        newValue: finalText,
+        elementType: elementInfo.elementType,
+        sectionId: elementInfo.sectionId,
+        timestamp: Date.now()
+      };
+
+      saveChangeToStorage(change);
+
+      window.parent.postMessage({
+        type: 'webild-element-changed',
+        data: change
+      }, '*');
+    } else if (!save && originalContent !== null) {
+      element.textContent = originalContent;
+    }
+    
+    originalContent = null;
+  };
+  
+  const createHoverOverlay = (element) => {
+    const rect = element.getBoundingClientRect();
+    const overlay = document.createElement('div');
+    overlay.className = 'webild-hover-overlay';
+    overlay.style.cssText = \`
+      position: fixed !important;
+      top: \${rect.top - 2}px !important;
+      left: \${rect.left - 2}px !important;
+      width: \${rect.width + 4}px !important;
+      height: \${rect.height + 4}px !important;
+      background-color: rgba(90, 113, 230, 0.15) !important;
+      pointer-events: none !important;
+      z-index: 999998 !important;
+      transition: all 0.15s ease !important;
+    \`;
+    document.body.appendChild(overlay);
+    return overlay;
+  };
+  
+  const removeHoverOverlay = () => {
+    if (hoverOverlay) {
+      hoverOverlay.remove();
+      hoverOverlay = null;
+    }
+  };
+  
+  const showElementTypeLabel = (element, elementType) => {
+    if (!elementType) return;
+
+    removeElementTypeLabel();
+
+    const rect = element.getBoundingClientRect();
+    elementTypeLabel = document.createElement('div');
+    elementTypeLabel.className = 'webild-element-type-label';
+    const ariaLabel = element.getAttribute('aria-label');
+    let labelText;
+    
+    if (elementType === 'Div') {
+      labelText = 'Div';
+    } else if (elementType === 'Article') {
+      labelText = 'Article';
+    } else if (elementType === 'Section') {
+      labelText = ariaLabel || 'Section';
+    } else {
+      labelText = elementType;
+    }
+    
+    elementTypeLabel.textContent = labelText;
+    document.body.appendChild(elementTypeLabel);
+    const labelRect = elementTypeLabel.getBoundingClientRect();
+    let labelTop = rect.top - labelRect.height - 2;
+    let labelLeft = rect.left - 3;
+    let isLabelOnTop = true;
+    if (labelTop < 0) {
+      labelTop = rect.bottom + 1;
+      isLabelOnTop = false;
+    }
+    if (labelTop + labelRect.height > window.innerHeight) {
+      labelTop = rect.bottom - labelRect.height;
+      isLabelOnTop = false;
+      if (labelTop < 0) {
+        labelTop = rect.top;
+        isLabelOnTop = true;
+      }
+    }
+    if (labelLeft + labelRect.width > window.innerWidth) {
+      labelLeft = window.innerWidth - labelRect.width;
+    }
+    if (labelLeft < 0) {
+      labelLeft = 0;
+    }
+    if (isLabelOnTop) {
+      elementTypeLabel.classList.add('label-top');
+    } else {
+      elementTypeLabel.classList.add('label-bottom');
+    }
+
+    elementTypeLabel.style.cssText = \`
+      left: \${labelLeft}px !important;
+      top: \${labelTop}px !important;
+      transform: none !important;
+    \`;
+  };
+  
+  const removeElementTypeLabel = () => {
+    if (elementTypeLabel) {
+      elementTypeLabel.remove();
+      elementTypeLabel = null;
+    }
+  };
+  
+  const handleMouseOver = (e) => {
+    if (!isActive) return;
+
+    lastMouseX = e.clientX;
+    lastMouseY = e.clientY;
+
+    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
+
+    if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
+      return;
+    }
+    
+    if (hoveredElement && hoveredElement !== selectedElement) {
+      hoveredElement.classList.remove(hoverClass);
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      removeHoverOverlay();
+      removeElementTypeLabel();
+    }
+    
+    hoveredElement = target;
+    
+    const computedStyle = window.getComputedStyle(target);
+    const currentPosition = computedStyle.position;
+    
+    if (currentPosition === 'static' || currentPosition === '') {
+      hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
+      hoveredElement.style.position = 'relative';
+    }
+    
+    hoveredElement.classList.add(hoverClass);
+    
+    if ((!selectedElement || selectedElement !== target) && !isScrolling) {
+      hoverOverlay = createHoverOverlay(target);
+    }
+    
+    const elementType = getElementType(target);
+    showElementTypeLabel(target, elementType);
+    
+    window.parent.postMessage({
+      type: 'webild-element-hover',
+      data: getElementInfo(target, false)
+    }, '*');
+  };
+  
+  const handleMouseOut = (e) => {
+    if (!isActive) return;
+    
+    if (hoveredElement && hoveredElement !== selectedElement) {
+      hoveredElement.classList.remove(hoverClass);
+      
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+      
+      hoveredElement = null;
+      
+      window.parent.postMessage({
+        type: 'webild-element-hover',
+        data: null
+      }, '*');
+    }
+  };
+  
+  const handleClick = (e) => {
+  if (!isActive) return;
+
+  if (isEditing) {
+    e.stopPropagation();
+    return;
+  }
+
+  e.preventDefault();
+  e.stopPropagation();
+
+  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
+  if (!isValidElement(target)) return;
+    
+    if (selectedElement && selectedElement !== target) {
+      makeUneditable(selectedElement, false);
+      selectedElement.classList.remove(selectedClass);
+      selectedElement.classList.remove(hoverClass);
+      
+      if (selectedElement.dataset.webildOriginalPosition) {
+        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
+        delete selectedElement.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+    }
+    
+    if (selectedElement === target) {
+      if (target.dataset.webildOriginalPosition) {
+        target.style.position = target.dataset.webildOriginalPosition === 'none' ? '' : target.dataset.webildOriginalPosition;
+        delete target.dataset.webildOriginalPosition;
+      }
+      
+      removeHoverOverlay();
+      removeElementTypeLabel();
+      
+      selectedElement = null;
+      window.parent.postMessage({
+        type: 'webild-element-selected',
+        data: null
+      }, '*');
+      return;
+    }
+    
+    selectedElement = target;
+    selectedElement.classList.add(selectedClass);
+    
+    removeHoverOverlay();
+    removeElementTypeLabel();
+    
+    if (hoveredElement === target) {
+      hoveredElement.classList.remove(hoverClass);
+      hoveredElement = null;
+    }
+    
+    const elementInfo = getElementInfo(target, true);
+    selectedElement.dataset.webildSelector = elementInfo.selector;
+    showElementTypeLabel(target, elementInfo.elementType);
+    
+    window.parent.postMessage({
+      type: 'webild-element-selected',
+      data: elementInfo
+    }, '*');
+    
+    if (isTextElement(target)) {
+      setTimeout(() => makeEditable(target, e), 50);
+    }
+  };
+  
+  const handleKeyDown = (e) => {
+    if (!isActive) return;
+    if (!isEditing || !selectedElement) return;
+    
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      makeUneditable(selectedElement, true);
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      makeUneditable(selectedElement, false);
+    }
+  };
+  
+  const handleBlur = (e) => {
+    if (!isActive) return;
+    if (isEditing && selectedElement && e.target === selectedElement) {
+      makeUneditable(selectedElement, true);
+    }
+  };
+  
+  let lastMouseX = 0;
+  let lastMouseY = 0;
+
+  const handleScroll = () => {
+    if (!isActive) return;
+    
+    if (isEditing) return;
+    
+    if (selectedElement) {
+      makeUneditable(selectedElement, false);
+      selectedElement.classList.remove(selectedClass);
+      if (selectedElement.dataset.webildOriginalPosition) {
+        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
+        delete selectedElement.dataset.webildOriginalPosition;
+      }
+      selectedElement = null;
+
+      window.parent.postMessage({
+        type: 'webild-element-selected',
+        data: null
+      }, '*');
+    }
+
+    if (hoveredElement) {
+      hoveredElement.classList.remove(hoverClass);
+      if (hoveredElement.dataset.webildOriginalPosition) {
+        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
+        delete hoveredElement.dataset.webildOriginalPosition;
+      }
+      hoveredElement = null;
+
+      window.parent.postMessage({
+        type: 'webild-element-hover',
+        data: null
+      }, '*');
+    }
+
+    removeHoverOverlay();
+    removeElementTypeLabel();
+
+    isScrolling = true;
+
+    if (scrollTimeout) {
+      clearTimeout(scrollTimeout);
+    }
+
+    scrollTimeout = setTimeout(() => {
+      isScrolling = false;
+
+      if (lastMouseX > 0 && lastMouseY > 0) {
+        const target = getMostSpecificElement(lastMouseX, lastMouseY);
+        if (target && isValidElement(target) && target !== selectedElement) {
+          hoveredElement = target;
+
+          const computedStyle = window.getComputedStyle(target);
+          const currentPosition = computedStyle.position;
+
+          if (currentPosition === 'static' || currentPosition === '') {
+            hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
+            hoveredElement.style.position = 'relative';
+          }
+
+          hoveredElement.classList.add(hoverClass);
+          hoverOverlay = createHoverOverlay(target);
+
+          const elementType = getElementType(target);
+          showElementTypeLabel(target, elementType);
+
+          window.parent.postMessage({
+            type: 'webild-element-hover',
+            data: getElementInfo(target, false)
+          }, '*');
+        }
+      }
+    }, 150);
+
+    window.parent.postMessage({
+      type: 'webild-iframe-scroll'
+    }, '*');
+  };
+  
+  const getStorageKey = () => {
+    const url = new URL(window.location.href);
+    const pathParts = url.pathname.split('/').filter(Boolean);
+    return \`webild-changes-\${pathParts.join('-')}\`;
+  };
+
+  const saveChangeToStorage = (change) => {
+    try {
+      const storageKey = getStorageKey();
+      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
+
+      const filteredChanges = existingChanges.filter(c => {
+        return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
+      });
+      filteredChanges.push(change);
+
+      localStorage.setItem(storageKey, JSON.stringify(filteredChanges));
+
+      window.parent.postMessage({
+        type: 'webild-change-saved-locally',
+        data: { change, allChanges: filteredChanges }
+      }, '*');
+    } catch (error) {
+      console.error('Failed to save change to localStorage:', error);
+    }
+  };
+
+  const clearLocalChanges = () => {
+    try {
+      const storageKey = getStorageKey();
+      localStorage.removeItem(storageKey);
+      window.parent.postMessage({
+        type: 'webild-local-changes-cleared',
+        data: {}
+      }, '*');
+    } catch (error) {
+      console.error('Failed to clear local changes:', error);
+    }
+  };
+
+  const handleMessage = (e) => {
+    if (!e.data || !e.data.type) return;
+
+    if (e.data.type === 'webild-activate-editor') {
+      if (!isActive) {
+        isActive = true;
+        window.parent.postMessage({ type: 'webild-editor-activated' }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-deactivate-editor') {
+      if (isActive) {
+        isActive = false;
+
+        if (selectedElement) {
+          makeUneditable(selectedElement, false);
+          selectedElement.classList.remove(selectedClass);
+          selectedElement = null;
+        }
+        if (hoveredElement) {
+          hoveredElement.classList.remove(hoverClass);
+          hoveredElement = null;
+        }
+
+        removeHoverOverlay();
+        removeElementTypeLabel();
+        window.parent.postMessage({ type: 'webild-editor-deactivated' }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-clear-local-changes') {
+      clearLocalChanges();
+      return;
+    }
+
+    if (e.data.type === 'webild-cancel-changes') {
+      try {
+        const storageKey = getStorageKey();
+        const savedChanges = localStorage.getItem(storageKey);
+        if (savedChanges) {
+          const changes = JSON.parse(savedChanges);
+          changes.forEach(change => {
+            try {
+              const element = document.querySelector(change.selector);
+              if (!element) return;
+
+              if (change.type === 'updateText') {
+                if (isTextElement(element)) {
+                  element.textContent = change.oldValue;
+                }
+              } else if (change.type === 'updateButton') {
+                if (isButtonElement(element)) {
+                  updateButtonText(element, change.oldValue);
+                }
+              } else if (change.type === 'replaceImage') {
+                const revertTag = element.tagName.toLowerCase();
+                const isBackground = revertTag !== 'img' && revertTag !== 'video';
+                if (isBackground) {
+                  element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
+                } else {
+                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
+                  if (revertTag === 'video' && oldMediaType === 'image') {
+                    swapMediaElement(element, 'img', change.oldValue);
+                  } else if (revertTag === 'img' && oldMediaType === 'video') {
+                    swapMediaElement(element, 'video', change.oldValue);
+                  } else if (revertTag === 'video') {
+                    element.src = change.oldValue;
+                    element.load();
+                  } else {
+                    element.src = change.oldValue;
+                  }
+                }
+              }
+            } catch (err) {
+              console.warn('[Webild] Failed to revert change:', err);
+            }
+          });
+        }
+        clearLocalChanges();
+      } catch (error) {
+        console.error('[Webild] Failed to cancel changes:', error);
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-update-text') {
+      const { selector, newValue, oldValue, sectionId } = e.data.data;
+      try {
+        let element = null;
+        
+        if (selectedElement && isTextElement(selectedElement)) {
+          element = selectedElement;
+        }
+        else if (selector) {
+          try {
+            element = document.querySelector(selector);
+          } catch (err) {
+            console.warn('[Webild] Invalid selector:', selector);
+          }
+        }
+        
+        if (!element && sectionId) {
+          const sectionElement = document.querySelector('[data-section="' + sectionId + '"]');
+          if (sectionElement) {
+            const textElements = sectionElement.querySelectorAll('h1, h2, h3, h4, h5, h6, p, span, a, button, div');
+            for (let i = 0; i < textElements.length; i++) {
+              const el = textElements[i];
+              if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
+                element = el;
+                const newSelector = getUniqueSelector(element, true);
+                if (newSelector) {
+                  element.dataset.webildSelector = newSelector;
+                }
+                break;
+              }
+            }
+          }
+        }
+        
+        if (element && isTextElement(element)) {
+          element.textContent = newValue;
+          const finalSelector = element.dataset.webildSelector || getUniqueSelector(element, true);
+          
+          window.parent.postMessage({
+            type: 'webild-text-update-success',
+            data: {
+              selector: finalSelector,
+              newValue: newValue
+            }
+          }, '*');
+        } else {
+          window.parent.postMessage({
+            type: 'webild-text-update-failed',
+            data: { selector, newValue }
+          }, '*');
+        }
+      } catch (error) {
+        window.parent.postMessage({
+          type: 'webild-text-update-failed',
+          data: { selector, newValue, error: error.message }
+        }, '*');
+      }
+      return;
+    }
+
+    if (e.data.type === 'webild-update-button') {
+      const { selector, text, href } = e.data.data;
+      try {
+        const element = document.querySelector(selector);
+        if (element && isButtonElement(element)) {
+          if (text !== undefined) {
+            updateButtonText(element, text);
+          }
+          if (href !== undefined) {
+            if (element.tagName.toLowerCase() === 'a') {
+              element.href = href;
+            } else {
+              element.setAttribute('data-href', href);
+            }
+          }
+        }
+      } catch (error) {
+        console.error('[Webild] Invalid selector for button update:', selector, error);
+      }
+      return;
+    }
+
+    if (!isActive) return;
+
+    if (e.data.type === 'webild-replace-image') {
+      const { selector, newSrc, isBackground, allowMediaTypeSwap } = e.data.data;
+      let element = null;
+
+      try {
+        element = document.querySelector(selector);
+      } catch {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: 'Invalid selector: ' + error.message, success: false }
+        }, '*');
+        return;
+      }
+
+      if (!element) {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: 'Element not found', success: false }
+        }, '*');
+        return;
+      }
+
+      try {
+        let replaced = false;
+        let oldValue = '';
+
+        if (isBackground) {
+          oldValue = window.getComputedStyle(element).backgroundImage;
+          element.style.backgroundImage = \`url('\${newSrc}')\`;
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'img') {
+          oldValue = element.src;
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          if (newMediaType === 'video' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'video', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            element.src = newSrc;
+          }
+          replaced = true;
+        } else if (element.tagName.toLowerCase() === 'video') {
+          oldValue = element.src || element.currentSrc || '';
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          const sources = element.querySelectorAll('source');
+          if (newMediaType === 'image' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'img', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
+            element = swapped;
+          } else {
+            if (sources.length > 0) {
+              sources.forEach(function(source) { source.src = newSrc; });
+              element.load();
+            } else {
+              element.src = newSrc;
+              element.load();
+            }
+          }
+          replaced = true;
+        } else {
+          const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
+          if (hasBackgroundImage) {
+            oldValue = window.getComputedStyle(element).backgroundImage;
+            element.style.backgroundImage = \`url('\${newSrc}')\`;
+            replaced = true;
+          }
+        }
+
+        if (replaced) {
+          const elementInfo = getElementInfo(element);
+
+          let cleanOldValue = oldValue;
+          if (oldValue.includes('url(')) {
+            const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
+            if (urlMatch) {
+              cleanOldValue = urlMatch[1];
+            }
+          }
+
+          cleanOldValue = extractOriginalUrl(cleanOldValue);
+
+          const change = {
+            type: 'replaceImage',
+            selector: selector,
+            oldValue: cleanOldValue,
+            newValue: newSrc,
+            elementType: elementInfo.elementType,
+            sectionId: elementInfo.sectionId,
+            timestamp: Date.now()
+          };
+
+          saveChangeToStorage(change);
+
+          window.parent.postMessage({
+            type: 'webild-element-changed',
+            data: change
+          }, '*');
+
+          window.parent.postMessage({
+            type: 'webild-image-replaced',
+            data: { selector, newSrc, success: true }
+          }, '*');
+        } else {
+          window.parent.postMessage({
+            type: 'webild-image-replacement-error',
+            data: { selector, message: 'Could not determine how to replace image', success: false }
+          }, '*');
+        }
+      } catch (error) {
+        window.parent.postMessage({
+          type: 'webild-image-replacement-error',
+          data: { selector, message: error.message || 'Failed to replace image', success: false }
+        }, '*');
+      }
+    }
+  };
+  
+  document.addEventListener('mouseover', handleMouseOver, true);
+  document.addEventListener('mouseout', handleMouseOut, true);
+  document.addEventListener('click', handleClick, true);
+  document.addEventListener('keydown', handleKeyDown, true);
+  document.addEventListener('blur', handleBlur, true);
+  window.addEventListener('scroll', handleScroll, true);
+  window.addEventListener('message', handleMessage, true);
+  
+  let lastPathname = window.location.pathname;
+  
+  const notifyPageChange = () => {
+    window.parent.postMessage({
+      type: 'webild-page-changed',
+      data: { pathname: window.location.pathname }
+    }, '*');
+  };
+  
+  window.addEventListener('popstate', () => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, true);
+  
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
+  notifyPageChange();
+  
+  window.webildCleanup = () => {
+    isActive = false;
+    
+    if (selectedElement) {
+      makeUneditable(selectedElement, false);
+    }
+    
+    removeHoverOverlay();
+    removeElementTypeLabel();
+    
+    if (urlCheckInterval) {
+      clearInterval(urlCheckInterval);
+    }
+    
+    document.removeEventListener('mouseover', handleMouseOver, true);
+    document.removeEventListener('mouseout', handleMouseOut, true);
+    document.removeEventListener('click', handleClick, true);
+    document.removeEventListener('keydown', handleKeyDown, true);
+    document.removeEventListener('blur', handleBlur, true);
+    window.removeEventListener('scroll', handleScroll, true);
+    window.removeEventListener('message', handleMessage, true);
+    
+    document.querySelectorAll('.' + hoverClass).forEach(el => {
+      el.classList.remove(hoverClass);
+    });
+    document.querySelectorAll('.' + selectedClass).forEach(el => {
+      el.classList.remove(selectedClass);
+    });
+    
+    const styleEl = document.getElementById('webild-inspector-styles');
+    if (styleEl) styleEl.remove();
+    
+    hoveredElement = null;
+    selectedElement = null;
+  };
+  
+  window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
+})();
 `
           }}
         />
-- 
2.49.1


From 1d6465e0a39222ae67c636aa352d29e1f8a1f42a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:28:00 +0000
Subject: [PATCH 4/6] Update src/app/page.tsx

---
 src/app/page.tsx | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e04ff76..d0dec07 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -118,7 +118,7 @@ export default function HomePage() {
           title="AMASHIBAZELA TRADING ENTERPRISE"
           description="Founded in 2016, ATE Projects and Supplies is a 100% Black owned, multi-disciplinary engineering and consultancy firm specializing in turnkey EPCT (Engineering, Procurement, Construction, and Transportation) life-cycle services for infrastructure projects across South Africa. We deliver innovative, sustainable, and efficient engineering solutions with expertise spanning the entire project lifecycle, from conceptualization and design to execution and project management."
           tag="About Our Company"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/professional-engineering-team-meeting-in-1773080823676-d8e62437.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/professional-engineering-team-meeting-in-1773080823676-d8e62437.png?_wi=1"
           imageAlt="Professional engineering team collaboration"
           buttons={[{ text: "Learn More", href: "/about" }]}
           useInvertedBackground={false}
@@ -141,7 +141,7 @@ export default function HomePage() {
               description:
                 "We prioritize building strong, long-term relationships with our clients and partners, fostering collaboration and trust through every project stage.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=1",
               imageAlt: "Professional electrical infrastructure installation",
             },
             {
@@ -152,7 +152,7 @@ export default function HomePage() {
               description:
                 "We uphold the highest standards of professionalism, delivering exceptional quality services with a high level of expertise and precision in every project.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png?_wi=1",
               imageAlt: "Professional substation construction and installation",
             },
             {
@@ -163,7 +163,7 @@ export default function HomePage() {
               description:
                 "We execute projects with efficiency, innovation, and adaptability, ensuring timely and effective solutions that exceed industry standards.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png?_wi=1",
               imageAlt: "Railway infrastructure electrification project",
             },
             {
@@ -174,7 +174,7 @@ export default function HomePage() {
               description:
                 "We operate with ethics, transparency, and integrity, setting the standard for responsible engineering and consultancy practices across Africa.",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png?_wi=1",
               imageAlt: "Large-scale EPC project site management",
             },
           ]}
@@ -197,7 +197,7 @@ export default function HomePage() {
               price: "Design & Installation",
               variant: "Professional electrical systems",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=2",
               imageAlt: "Electrical infrastructure installation",
             },
             {
@@ -206,7 +206,7 @@ export default function HomePage() {
               price: "Electrification & Signals",
               variant: "Railway infrastructure development",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png?_wi=2",
               imageAlt: "Railway infrastructure project",
             },
             {
@@ -215,7 +215,7 @@ export default function HomePage() {
               price: "Complete solutions",
               variant: "Transformers & distribution systems",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png?_wi=2",
               imageAlt: "Substation construction project",
             },
             {
@@ -224,7 +224,7 @@ export default function HomePage() {
               price: "Turnkey solutions",
               variant: "Engineering, procurement & construction",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png?_wi=2",
               imageAlt: "Large-scale EPC project",
             },
             {
@@ -233,7 +233,7 @@ export default function HomePage() {
               price: "Quality equipment",
               variant: "Infrastructure components & materials",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/industrial-electrical-equipment-and-supp-1773080822692-4036c113.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/industrial-electrical-equipment-and-supp-1773080822692-4036c113.png?_wi=1",
               imageAlt: "Industrial electrical supplies warehouse",
             },
           ]}
@@ -294,7 +294,7 @@ export default function HomePage() {
               excerpt:
                 "High-voltage transmission infrastructure project delivering critical power distribution across multiple provinces",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-electrical-infrastructure-proj-1773080821994-9581d755.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-electrical-infrastructure-proj-1773080821994-9581d755.png?_wi=1",
               imageAlt: "Completed electrical infrastructure project",
               authorName: "ATE Projects Team",
               authorAvatar:
@@ -308,7 +308,7 @@ export default function HomePage() {
               excerpt:
                 "Complete railway infrastructure modernization with electrification and advanced signalling systems implementation",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png?_wi=1",
               imageAlt: "Railway electrification project",
               authorName: "ATE Projects Team",
               authorAvatar:
@@ -322,7 +322,7 @@ export default function HomePage() {
               excerpt:
                 "Custom-designed substation with transformers, switchgear, and distribution systems for industrial complex",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-substation-project-showing-ins-1773080821281-7aee200e.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-substation-project-showing-ins-1773080821281-7aee200e.png?_wi=1",
               imageAlt: "Completed substation project",
               authorName: "ATE Projects Team",
               authorAvatar:
@@ -336,7 +336,7 @@ export default function HomePage() {
               excerpt:
                 "Large-scale turnkey EPC project encompassing engineering, procurement, construction, and commissioning",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-epc-project-completion-showi-1773080822030-70b51620.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-epc-project-completion-showi-1773080822030-70b51620.png?_wi=1",
               imageAlt: "Large-scale EPC project",
               authorName: "ATE Projects Team",
               authorAvatar:
@@ -350,7 +350,7 @@ export default function HomePage() {
               excerpt:
                 "Comprehensive electrical distribution network for major industrial facility with redundancy and safety systems",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=3",
               imageAlt: "Industrial electrical infrastructure",
               authorName: "ATE Projects Team",
               authorAvatar:
@@ -364,7 +364,7 @@ export default function HomePage() {
               excerpt:
                 "Complex multi-phase project integrating electrical, rail, and industrial systems for seamless operation",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png?_wi=2",
               imageAlt: "Multi-phase infrastructure project",
               authorName: "ATE Projects Team",
               authorAvatar:
@@ -383,7 +383,7 @@ export default function HomePage() {
           tagIcon={Handshake}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png?_wi=1"
           imageAlt="ATE Projects professional team"
           mediaPosition="right"
           mediaAnimation="slide-up"
-- 
2.49.1


From 20d800e2c1f018adb4717270f00df69236b43bbb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:28:01 +0000
Subject: [PATCH 5/6] Update src/app/projects/page.tsx

---
 src/app/projects/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index f6be24b..bc8a65d 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -85,7 +85,7 @@ export default function ProjectsPage() {
               category: "Electrical",
               title: "Major Power Transmission Line Installation",
               excerpt: "High-voltage transmission infrastructure project delivering critical power distribution across multiple provinces",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-electrical-infrastructure-proj-1773080821994-9581d755.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-electrical-infrastructure-proj-1773080821994-9581d755.png?_wi=2",
               imageAlt: "Completed electrical infrastructure project",
               authorName: "ATE Projects Team",
               authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-electrical-infrastructure-proj-1773080821994-9581d755.png",
@@ -96,7 +96,7 @@ export default function ProjectsPage() {
               category: "Rail",
               title: "Railway Electrification & Signalling",
               excerpt: "Complete railway infrastructure modernization with electrification and advanced signalling systems implementation",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png?_wi=3",
               imageAlt: "Railway electrification project",
               authorName: "ATE Projects Team",
               authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png",
@@ -107,7 +107,7 @@ export default function ProjectsPage() {
               category: "Substations",
               title: "Electrical Substation Development",
               excerpt: "Custom-designed substation with transformers, switchgear, and distribution systems for industrial complex",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-substation-project-showing-ins-1773080821281-7aee200e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-substation-project-showing-ins-1773080821281-7aee200e.png?_wi=2",
               imageAlt: "Completed substation project",
               authorName: "ATE Projects Team",
               authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-substation-project-showing-ins-1773080821281-7aee200e.png",
@@ -118,7 +118,7 @@ export default function ProjectsPage() {
               category: "EPC",
               title: "Integrated Infrastructure EPC Project",
               excerpt: "Large-scale turnkey EPC project encompassing engineering, procurement, construction, and commissioning",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-epc-project-completion-showi-1773080822030-70b51620.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-epc-project-completion-showi-1773080822030-70b51620.png?_wi=2",
               imageAlt: "Large-scale EPC project",
               authorName: "ATE Projects Team",
               authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-epc-project-completion-showi-1773080822030-70b51620.png",
@@ -129,7 +129,7 @@ export default function ProjectsPage() {
               category: "Electrical",
               title: "Industrial Power Distribution Network",
               excerpt: "Comprehensive electrical distribution network for major industrial facility with redundancy and safety systems",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=7",
               imageAlt: "Industrial electrical infrastructure",
               authorName: "ATE Projects Team",
               authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
@@ -140,7 +140,7 @@ export default function ProjectsPage() {
               category: "Infrastructure",
               title: "Multi-Phase Infrastructure Integration",
               excerpt: "Complex multi-phase project integrating electrical, rail, and industrial systems for seamless operation",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png?_wi=4",
               imageAlt: "Multi-phase infrastructure project",
               authorName: "ATE Projects Team",
               authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/completed-railway-infrastructure-project-1773080821861-8b3eb28c.png",
@@ -165,7 +165,7 @@ export default function ProjectsPage() {
           tagIcon={Handshake}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png?_wi=3"
           imageAlt="ATE Projects professional team"
           mediaPosition="right"
           mediaAnimation="slide-up"
-- 
2.49.1


From 6e821afd8f21a66160e7f573c516f01e51fec536 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 18:28:01 +0000
Subject: [PATCH 6/6] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 12fc39b..6d84c27 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -87,7 +87,7 @@ export default function ServicesPage() {
               title: "Customer Focus",
               subtitle: "Strong partnerships built on trust",
               description: "We prioritize building strong, long-term relationships with our clients and partners, fostering collaboration and trust through every project stage.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=5",
               imageAlt: "Professional electrical infrastructure installation"
             },
             {
@@ -96,7 +96,7 @@ export default function ServicesPage() {
               title: "Excellence",
               subtitle: "Exceptional professional standards",
               description: "We uphold the highest standards of professionalism, delivering exceptional quality services with a high level of expertise and precision in every project.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png?_wi=4",
               imageAlt: "Professional substation construction and installation"
             },
             {
@@ -105,7 +105,7 @@ export default function ServicesPage() {
               title: "Agility",
               subtitle: "Timely and effective solutions",
               description: "We execute projects with efficiency, innovation, and adaptability, ensuring timely and effective solutions that exceed industry standards.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png?_wi=4",
               imageAlt: "Railway infrastructure electrification project"
             },
             {
@@ -114,7 +114,7 @@ export default function ServicesPage() {
               title: "Leadership",
               subtitle: "Ethics and transparent practices",
               description: "We operate with ethics, transparency, and integrity, setting the standard for responsible engineering and consultancy practices across Africa.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png?_wi=3",
               imageAlt: "Large-scale EPC project site management"
             }
           ]}
@@ -134,7 +134,7 @@ export default function ServicesPage() {
               name: "Electrical Infrastructure",
               price: "Design & Installation",
               variant: "Professional electrical systems",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/electrical-infrastructure-installation-w-1773080820979-f86bd49d.png?_wi=6",
               imageAlt: "Electrical infrastructure installation"
             },
             {
@@ -142,7 +142,7 @@ export default function ServicesPage() {
               name: "Rail Projects",
               price: "Electrification & Signals",
               variant: "Railway infrastructure development",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/railway-infrastructure-development-inclu-1773080822304-124dab4b.png?_wi=5",
               imageAlt: "Railway infrastructure project"
             },
             {
@@ -150,7 +150,7 @@ export default function ServicesPage() {
               name: "Substation Construction",
               price: "Complete solutions",
               variant: "Transformers & distribution systems",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/substation-construction-and-design-featu-1773080822276-1cc7374e.png?_wi=5",
               imageAlt: "Substation construction project"
             },
             {
@@ -158,7 +158,7 @@ export default function ServicesPage() {
               name: "EPC Projects",
               price: "Turnkey solutions",
               variant: "Engineering, procurement & construction",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/large-scale-engineering-procurement-and--1773080821633-dc4280b4.png?_wi=4",
               imageAlt: "Large-scale EPC project"
             },
             {
@@ -166,7 +166,7 @@ export default function ServicesPage() {
               name: "Industrial Supplies",
               price: "Quality equipment",
               variant: "Infrastructure components & materials",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/industrial-electrical-equipment-and-supp-1773080822692-4036c113.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/industrial-electrical-equipment-and-supp-1773080822692-4036c113.png?_wi=2",
               imageAlt: "Industrial electrical supplies warehouse"
             }
           ]}
@@ -188,7 +188,7 @@ export default function ServicesPage() {
           tagIcon={Handshake}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aidbq7ylxcwBqY3qj68uQANxF3/modern-south-african-office-environment--1773080821417-59ef7dc3.png?_wi=2"
           imageAlt="ATE Projects professional team"
           mediaPosition="right"
           mediaAnimation="slide-up"
-- 
2.49.1