From 62602830865f8b859ecf5b95839578fbb30c8589 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 10:02:17 +0000
Subject: [PATCH 1/6] Update src/app/contact/page.tsx

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

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index dd70622..becea8e 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -41,7 +41,7 @@ export default function ContactPage() {
           title="Get in Touch with Trackz"
           description="Ready to transform your business with professional drone services? Contact us today for a consultation. We'll respond within 24 hours."
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-silhouetted-against-a-1773050467665-386696b5.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-silhouetted-against-a-1773050467665-386696b5.png?_wi=2"
           imageAlt="Professional drone operations"
           mediaAnimation="slide-up"
           mediaPosition="right"
@@ -86,7 +86,7 @@ export default function ContactPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png?_wi=5"
           imageAlt="Trackz drone operations"
           logoText="Trackz"
           copyrightText="© 2025 Trackz Drone Services | Australia"

From f1b3f1301e67d967b2e1591f1e022e8a5e00699d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 10:02:17 +0000
Subject: [PATCH 2/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 ac90839..0496561 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1432,6 +1432,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' }, '*');
+})();
 `
           }}
         />

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

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 08a74fe..93bbd7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -88,7 +88,7 @@ export default function HomePage() {
             title: "Trackz Operations Hub",
             logoIcon: Zap,
             imageSrc:
-              "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-operator-at-modern-fl-1773050467877-f956fcf2.png",
+              "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-operator-at-modern-fl-1773050467877-f956fcf2.png?_wi=1",
             imageAlt: "Professional drone operator at modern flight control station",
             searchPlaceholder: "Search services...",
             buttons: [
@@ -172,7 +172,7 @@ export default function HomePage() {
               rating: 5,
               reviewCount: "156",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-view-of-agricultural-fields-captu-1773050468481-f57e1301.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-view-of-agricultural-fields-captu-1773050468481-f57e1301.png?_wi=1",
               imageAlt: "Aerial crop monitoring",
             },
             {
@@ -183,7 +183,7 @@ export default function HomePage() {
               rating: 5,
               reviewCount: "89",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/agricultural-spraying-drone-mid-flight-o-1773050467125-595d75c2.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/agricultural-spraying-drone-mid-flight-o-1773050467125-595d75c2.png?_wi=1",
               imageAlt: "Drone precision spraying",
             },
             {
@@ -194,7 +194,7 @@ export default function HomePage() {
               rating: 5,
               reviewCount: "142",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-conducting-infrastructure-inspecti-1773050468772-99ec7524.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-conducting-infrastructure-inspecti-1773050468772-99ec7524.png?_wi=1",
               imageAlt: "Industrial infrastructure inspection",
             },
             {
@@ -205,7 +205,7 @@ export default function HomePage() {
               rating: 5,
               reviewCount: "98",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-mapping-and-surveying-drone-over--1773050468430-1ed6656f.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-mapping-and-surveying-drone-over--1773050468430-1ed6656f.png?_wi=1",
               imageAlt: "Aerial surveying and mapping",
             },
             {
@@ -227,7 +227,7 @@ export default function HomePage() {
               rating: 5,
               reviewCount: "73",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-inside-large-warehouse-conducting--1773050469972-524a755a.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-inside-large-warehouse-conducting--1773050469972-524a755a.png?_wi=1",
               imageAlt: "Warehouse inventory drone",
             },
           ]}
@@ -243,7 +243,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           imagePosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-trackz-team-of-drone-pilots-1773050470015-a7387afd.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-trackz-team-of-drone-pilots-1773050470015-a7387afd.png?_wi=1"
           imageAlt="Trackz professional team"
           mediaAnimation="slide-up"
           bulletPoints={[
@@ -296,7 +296,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           mediaPosition="left"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/modern-drone-training-classroom-with-stu-1773050469006-be44bf6a.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/modern-drone-training-classroom-with-stu-1773050469006-be44bf6a.png?_wi=1"
           imageAlt="Drone training classroom"
           mediaAnimation="slide-up"
           accordionItems={[
@@ -359,7 +359,7 @@ export default function HomePage() {
                 "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-portrait-of-middle-1773050468937-88789aa4.png",
               avatarAlt: "James Mitchell",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-aerial-view-of-productive-farmland--1773050468676-16d3b854.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-aerial-view-of-productive-farmland--1773050468676-16d3b854.png?_wi=1",
               imageAlt: "Productive farmland aerial view",
             },
             {
@@ -389,7 +389,7 @@ export default function HomePage() {
                 "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-mature-caucasia-1773050467650-642a347b.png",
               avatarAlt: "Robert Thompson",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/active-construction-site-from-above-show-1773050467947-06416644.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/active-construction-site-from-above-show-1773050467947-06416644.png?_wi=1",
               imageAlt: "Active construction site",
             },
             {
@@ -419,7 +419,7 @@ export default function HomePage() {
                 "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-female-business-1773050467588-bcd87dc2.png",
               avatarAlt: "Emma Rodriguez",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/small-business-operation-showing-profess-1773050469659-8a16c2ef.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/small-business-operation-showing-profess-1773050469659-8a16c2ef.png?_wi=1",
               imageAlt: "Small business operation",
             },
             {
@@ -434,7 +434,7 @@ export default function HomePage() {
                 "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-young-male-dron-1773050468094-aeb43610.png",
               avatarAlt: "David Nguyen",
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-pilot-in-action-during-flight-oper-1773050467498-57a26f56.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-pilot-in-action-during-flight-oper-1773050467498-57a26f56.png?_wi=1",
               imageAlt: "Drone pilot in action",
             },
           ]}
@@ -481,7 +481,7 @@ export default function HomePage() {
           title="Get in Touch with Trackz"
           description="Ready to transform your business with professional drone services? Contact us today for a consultation. We'll respond within 24 hours."
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-silhouetted-against-a-1773050467665-386696b5.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-silhouetted-against-a-1773050467665-386696b5.png?_wi=1"
           imageAlt="Professional drone operations"
           mediaAnimation="slide-up"
           mediaPosition="right"
@@ -524,7 +524,7 @@ export default function HomePage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png?_wi=1"
           imageAlt="Trackz drone operations landscape"
           logoText="Trackz"
           copyrightText="© 2025 Trackz Drone Services | Australia"

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

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

diff --git a/src/app/services/agricultural/page.tsx b/src/app/services/agricultural/page.tsx
index ad8aabf..8f2cdf8 100644
--- a/src/app/services/agricultural/page.tsx
+++ b/src/app/services/agricultural/page.tsx
@@ -60,7 +60,7 @@ export default function AgriculturalPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           imagePosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-view-of-agricultural-fields-captu-1773050468481-f57e1301.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-view-of-agricultural-fields-captu-1773050468481-f57e1301.png?_wi=2"
           imageAlt="Aerial crop monitoring and analysis"
           mediaAnimation="slide-up"
           bulletPoints={[
@@ -107,7 +107,7 @@ export default function AgriculturalPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           mediaPosition="left"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/agricultural-spraying-drone-mid-flight-o-1773050467125-595d75c2.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/agricultural-spraying-drone-mid-flight-o-1773050467125-595d75c2.png?_wi=2"
           imageAlt="Agricultural drone in flight"
           mediaAnimation="slide-up"
           accordionItems={[
@@ -154,7 +154,7 @@ export default function AgriculturalPage() {
           title="Ready for Agricultural Drone Solutions?"
           description="Let's discuss how Trackz can help optimize your farming operations. Fill out the form below and our agricultural drone specialists will contact you within 24 hours with a customized proposal."
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-aerial-view-of-productive-farmland--1773050468676-16d3b854.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-aerial-view-of-productive-farmland--1773050468676-16d3b854.png?_wi=2"
           imageAlt="Productive farmland from above"
           mediaAnimation="slide-up"
           mediaPosition="right"
@@ -197,7 +197,7 @@ export default function AgriculturalPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png?_wi=2"
           imageAlt="Trackz drone operations landscape"
           logoText="Trackz"
           copyrightText="© 2025 Trackz Drone Services | Australia"

From 2e45c64eef13840d04d9c5912d1b78b0227fe16e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 10:02:19 +0000
Subject: [PATCH 5/6] Update src/app/services/industrial/page.tsx

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

diff --git a/src/app/services/industrial/page.tsx b/src/app/services/industrial/page.tsx
index e4fa403..279b74b 100644
--- a/src/app/services/industrial/page.tsx
+++ b/src/app/services/industrial/page.tsx
@@ -59,7 +59,7 @@ export default function IndustrialServicesPage() {
           dashboard={{
             title: "Industrial Operations Hub",
             logoIcon: "Drone",
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-operator-at-modern-fl-1773050467877-f956fcf2.png",
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-drone-operator-at-modern-fl-1773050467877-f956fcf2.png?_wi=2",
             searchPlaceholder: "Search services...",
             buttons: [
               {
@@ -141,7 +141,7 @@ export default function IndustrialServicesPage() {
               price: "From $1,500",
               rating: 5,
               reviewCount: "142",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-conducting-infrastructure-inspecti-1773050468772-99ec7524.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-conducting-infrastructure-inspecti-1773050468772-99ec7524.png?_wi=2",
               imageAlt: "Industrial infrastructure inspection",
             },
             {
@@ -151,7 +151,7 @@ export default function IndustrialServicesPage() {
               price: "From $2,000",
               rating: 5,
               reviewCount: "98",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-mapping-and-surveying-drone-over--1773050468430-1ed6656f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/aerial-mapping-and-surveying-drone-over--1773050468430-1ed6656f.png?_wi=2",
               imageAlt: "Aerial surveying and mapping",
             },
             {
@@ -161,7 +161,7 @@ export default function IndustrialServicesPage() {
               price: "From $1,800",
               rating: 5,
               reviewCount: "73",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-inside-large-warehouse-conducting--1773050469972-524a755a.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-inside-large-warehouse-conducting--1773050469972-524a755a.png?_wi=2",
               imageAlt: "Warehouse inventory drone",
             },
             {
@@ -171,7 +171,7 @@ export default function IndustrialServicesPage() {
               price: "From $1,200",
               rating: 5,
               reviewCount: "87",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/active-construction-site-from-above-show-1773050467947-06416644.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/active-construction-site-from-above-show-1773050467947-06416644.png?_wi=2",
               imageAlt: "Construction site aerial documentation",
             },
           ]}
@@ -187,7 +187,7 @@ export default function IndustrialServicesPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           imagePosition="right"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-trackz-team-of-drone-pilots-1773050470015-a7387afd.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-trackz-team-of-drone-pilots-1773050470015-a7387afd.png?_wi=2"
           imageAlt="Trackz professional team"
           mediaAnimation="slide-up"
           bulletPoints={[
@@ -228,7 +228,7 @@ export default function IndustrialServicesPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png?_wi=3"
           imageAlt="Trackz drone operations landscape"
           logoText="Trackz"
           copyrightText="© 2025 Trackz Drone Services | Australia"

From f1891389ea413ba501f9d56317d65f5122f09935 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 10:02:19 +0000
Subject: [PATCH 6/6] Update src/app/training/page.tsx

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

diff --git a/src/app/training/page.tsx b/src/app/training/page.tsx
index 8f0136b..baa211f 100644
--- a/src/app/training/page.tsx
+++ b/src/app/training/page.tsx
@@ -48,7 +48,7 @@ export default function TrainingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           mediaPosition="left"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/modern-drone-training-classroom-with-stu-1773050469006-be44bf6a.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/modern-drone-training-classroom-with-stu-1773050469006-be44bf6a.png?_wi=2"
           imageAlt="Drone training classroom"
           mediaAnimation="slide-up"
           accordionItems={[
@@ -138,7 +138,7 @@ export default function TrainingPage() {
               quote: "The CASA training program was comprehensive and professional. The instructors made complex concepts easy to understand, and the practical sessions gave me the confidence to operate commercially. Highly recommended.",
               tag: "Training Graduate",
               avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-young-male-dron-1773050468094-aeb43610.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-pilot-in-action-during-flight-oper-1773050467498-57a26f56.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-pilot-in-action-during-flight-oper-1773050467498-57a26f56.png?_wi=2",
             },
             {
               id: "2",
@@ -148,7 +148,7 @@ export default function TrainingPage() {
               quote: "I completed the training to understand drone operations for my agricultural business. The practical hands-on approach and expert instructors made all the difference. Now I run successful drone operations with confidence.",
               tag: "Training Graduate",
               avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-asian-woman-bus-1773050466748-3b0a2938.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-aerial-view-of-productive-farmland--1773050468676-16d3b854.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-aerial-view-of-productive-farmland--1773050468676-16d3b854.png?_wi=3",
             },
             {
               id: "3",
@@ -158,7 +158,7 @@ export default function TrainingPage() {
               quote: "The two-day practical training complemented the online modules perfectly. I felt prepared for the CASA exam and confident in my flying skills. The instructors' real-world experience was invaluable.",
               tag: "Training Graduate",
               avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-mature-caucasia-1773050467650-642a347b.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-pilot-in-action-during-flight-oper-1773050467498-57a26f56.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/drone-pilot-in-action-during-flight-oper-1773050467498-57a26f56.png?_wi=3",
             },
             {
               id: "4",
@@ -178,7 +178,7 @@ export default function TrainingPage() {
               quote: "After completing Trackz training and earning my license, I've had no shortage of industrial drone opportunities. The training gave me the expertise and credentials employers are looking for.",
               tag: "Training Graduate",
               avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-male-agricultur-1773050468690-539da2df.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/active-construction-site-from-above-show-1773050467947-06416644.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/active-construction-site-from-above-show-1773050467947-06416644.png?_wi=3",
             },
             {
               id: "6",
@@ -188,7 +188,7 @@ export default function TrainingPage() {
               quote: "I transitioned from a traditional IT career to drone operations thanks to this training program. The comprehensive curriculum and supportive instructors made the transition smooth and successful. Now running my own drone service business.",
               tag: "Training Graduate",
               avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/professional-headshot-of-female-business-1773050467588-bcd87dc2.png",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/small-business-operation-showing-profess-1773050469659-8a16c2ef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/small-business-operation-showing-profess-1773050469659-8a16c2ef.png?_wi=2",
             },
           ]}
         />
@@ -196,7 +196,7 @@ export default function TrainingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ahehq7qgu3X9z98vW1vd5ShXmZ/wide-landscape-aerial-photography-showin-1773050467848-45f9b76e.png?_wi=4"
           imageAlt="Trackz drone operations landscape"
           logoText="Trackz"
           copyrightText="© 2025 Trackz Drone Services | Australia"