From 12091d9066f1dc3c6cb17c98f51799845c7f71f2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:20 +0000
Subject: [PATCH 1/8] Update src/app/about/page.tsx

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

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c274ec9..87d3438 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -52,7 +52,7 @@ export default function AboutPage() {
       title: "Expert Team",
       description: "Our advisors have 15+ years of combined experience in mortgage broking. We stay current with market trends to serve you better.",
       tag: "Our Team",
-      imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-discussing-reports-outdoors_1262-20832.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-discussing-reports-outdoors_1262-20832.jpg?_wi=2",
       imageAlt: "Expert mortgage advisor team meeting",
     },
     {
@@ -60,7 +60,7 @@ export default function AboutPage() {
       title: "Client-Focused Approach",
       description: "Your needs come first. We listen, understand, and provide personalized mortgage solutions that fit your circumstances.",
       tag: "Our Values",
-      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg?_wi=3",
       imageAlt: "Professional advisors working with clients",
     },
     {
@@ -68,7 +68,7 @@ export default function AboutPage() {
       title: "Wide Lender Panel",
       description: "Access to 50+ lenders gives us the leverage to negotiate the best rates for our clients. We compare options so you don't have to.",
       tag: "Partnerships",
-      imageSrc: "http://img.b2bpic.net/free-photo/ambitious-woman-ceo-working-her-modern-corporate-office_482257-112516.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/ambitious-woman-ceo-working-her-modern-corporate-office_482257-112516.jpg?_wi=2",
       imageAlt: "Professional working with mortgage options",
     },
   ];
-- 
2.49.1


From c96f2ca05df0cbd7799684d4c10a11448ee89063 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:20 +0000
Subject: [PATCH 2/8] 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 907ea83..6da4e29 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -103,7 +103,7 @@ export default function ContactPage() {
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-with-clipboard-near-male-colleagues_23-2147807958.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/woman-with-clipboard-near-male-colleagues_23-2147807958.jpg?_wi=1"
           mediaPosition="right"
           buttonText="Request Consultation"
           onSubmit={handleContactSubmit}
-- 
2.49.1


From e8581afe306a5ffa4dc8afe1c57ddf1e8829e8cf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:21 +0000
Subject: [PATCH 3/8] 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 ee6a758..0d27e4b 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' }, '*');
+})();
 `
           }}
         />
-- 
2.49.1


From 090200740b8019014c473d3d95b43e8ad4b2dd8c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:21 +0000
Subject: [PATCH 4/8] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2725444..38a73d5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -94,7 +94,7 @@ export default function HomePage() {
       title: "First-Time Buyer Mortgages",
       description: "Guidance and competitive rates for those starting their property journey. We simplify the process and help you secure the best deal.",
       tag: "Popular",
-      imageSrc: "http://img.b2bpic.net/free-photo/monitoring-your-progress-change-home-plan_329181-7400.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/monitoring-your-progress-change-home-plan_329181-7400.jpg?_wi=1",
       imageAlt: "Young couple viewing property first time buyers",
     },
     {
@@ -102,7 +102,7 @@ export default function HomePage() {
       title: "Remortgaging",
       description: "Switch to better rates and improve your finances. We negotiate with lenders to secure savings on your existing mortgage.",
       tag: "Save Money",
-      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg?_wi=1",
       imageAlt: "Professional financial advisor reviewing documents",
     },
     {
@@ -110,7 +110,7 @@ export default function HomePage() {
       title: "Buy-to-Let Mortgages",
       description: "Investment property financing with specialist knowledge. Maximize returns with competitive buy-to-let rates and flexible terms.",
       tag: "Investment",
-      imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg?_wi=1",
       imageAlt: "Multi-unit residential building investment property",
     },
     {
@@ -118,7 +118,7 @@ export default function HomePage() {
       title: "Home Mover Mortgages",
       description: "Seamless financing for your next move. We handle the complexity while you focus on your new home.",
       tag: "Convenient",
-      imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749163.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749163.jpg?_wi=1",
       imageAlt: "Family moving into new home house moving boxes",
     },
   ];
@@ -129,7 +129,7 @@ export default function HomePage() {
       title: "Initial Consultation",
       description: "Meet with our expert advisors to discuss your needs, budget, and preferences. Completely free with no obligation.",
       tag: "Step 1",
-      imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-discussing-reports-outdoors_1262-20832.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/successful-business-people-discussing-reports-outdoors_1262-20832.jpg?_wi=1",
       imageAlt: "Mortgage advisor meeting with clients consultation",
     },
     {
@@ -137,7 +137,7 @@ export default function HomePage() {
       title: "Needs Assessment",
       description: "We analyze your financial situation and identify the best mortgage options from our extensive lender panel.",
       tag: "Step 2",
-      imageSrc: "http://img.b2bpic.net/free-photo/ambitious-woman-ceo-working-her-modern-corporate-office_482257-112516.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/ambitious-woman-ceo-working-her-modern-corporate-office_482257-112516.jpg?_wi=1",
       imageAlt: "Financial documents and analysis on desk",
     },
     {
@@ -145,7 +145,7 @@ export default function HomePage() {
       title: "Application & Processing",
       description: "We handle the application paperwork and liaise with lenders on your behalf to ensure smooth processing.",
       tag: "Step 3",
-      imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-analyzing-business-reports-feeling-satisfied-about-business-progress_637285-123.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-analyzing-business-reports-feeling-satisfied-about-business-progress_637285-123.jpg?_wi=1",
       imageAlt: "Loan application paperwork office desk processing",
     },
     {
@@ -172,7 +172,7 @@ export default function HomePage() {
       role: "First-Time Buyer",
       company: "London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg?_wi=1",
       imageAlt: "Sarah Johnson - First-Time Buyer",
     },
     {
@@ -181,7 +181,7 @@ export default function HomePage() {
       role: "Remortgage Client",
       company: "Greater London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg?_wi=1",
       imageAlt: "Michael Chen - Remortgage Client",
     },
     {
@@ -190,7 +190,7 @@ export default function HomePage() {
       role: "Buy-to-Let Investor",
       company: "North London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3493.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3493.jpg?_wi=1",
       imageAlt: "Emily Rodriguez - Buy-to-Let Investor",
     },
     {
@@ -199,7 +199,7 @@ export default function HomePage() {
       role: "Home Mover",
       company: "South London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=1",
       imageAlt: "David Kim - Home Mover",
     },
     {
@@ -208,7 +208,7 @@ export default function HomePage() {
       role: "Investment Property Owner",
       company: "Central London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457701.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457701.jpg?_wi=1",
       imageAlt: "Lisa Thompson - Investment Property Owner",
     },
     {
@@ -217,7 +217,7 @@ export default function HomePage() {
       role: "Family Home Buyer",
       company: "West London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1",
       imageAlt: "James Anderson - Family Home Buyer",
     },
   ];
-- 
2.49.1


From 4cb1916adaf237422a5530648fae234882d67074 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:21 +0000
Subject: [PATCH 5/8] Update src/app/services/buy-to-let/page.tsx

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

diff --git a/src/app/services/buy-to-let/page.tsx b/src/app/services/buy-to-let/page.tsx
index f63a402..b458a19 100644
--- a/src/app/services/buy-to-let/page.tsx
+++ b/src/app/services/buy-to-let/page.tsx
@@ -80,7 +80,7 @@ export default function BuyToLetPage() {
               title: "Standard Buy-to-Let Mortgages",
               description: "Traditional mortgages for seasoned and new buy-to-let investors. Competitive rates with flexible repayment options to suit your investment strategy.",
               tag: "Popular",
-              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg?_wi=3",
               imageAlt: "multi-unit residential building investment property",
             },
             {
@@ -88,7 +88,7 @@ export default function BuyToLetPage() {
               title: "Portfolio Lending",
               description: "Tailored solutions for investors managing multiple properties. Access to bespoke lending packages with our panel of specialist portfolio lenders.",
               tag: "For Multiple Properties",
-              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg?_wi=4",
               imageAlt: "multi-unit residential building investment property",
             },
             {
@@ -96,7 +96,7 @@ export default function BuyToLetPage() {
               title: "House-in-Multiple-Occupation (HMO)",
               description: "Specialized mortgages for HMO properties. We understand the unique requirements and profitability metrics of multi-let properties.",
               tag: "Specialized",
-              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg?_wi=5",
               imageAlt: "multi-unit residential building investment property",
             },
             {
@@ -104,7 +104,7 @@ export default function BuyToLetPage() {
               title: "Commercial-to-Residential Conversion",
               description: "Finance your conversion projects with our specialist lenders experienced in development and conversion financing for buy-to-let.",
               tag: "Development",
-              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg?_wi=6",
               imageAlt: "multi-unit residential building investment property",
             },
           ]}
@@ -158,7 +158,7 @@ export default function BuyToLetPage() {
               role: "Portfolio Investor",
               company: "East London",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=3",
               imageAlt: "professional portrait man investor confident",
             },
             {
@@ -167,7 +167,7 @@ export default function BuyToLetPage() {
               role: "Property Developer",
               company: "West London",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457701.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457701.jpg?_wi=3",
               imageAlt: "professional portrait woman investor confident",
             },
             {
@@ -176,7 +176,7 @@ export default function BuyToLetPage() {
               role: "Buy-to-Let Specialist",
               company: "North London",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=3",
               imageAlt: "professional portrait man business confident",
             },
           ]}
-- 
2.49.1


From b3773ae9069a2535a67ecdd77fcb94a5d4f0c13d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:22 +0000
Subject: [PATCH 6/8] Update src/app/services/first-time-buyers/page.tsx

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

diff --git a/src/app/services/first-time-buyers/page.tsx b/src/app/services/first-time-buyers/page.tsx
index ef0d808..52c89e0 100644
--- a/src/app/services/first-time-buyers/page.tsx
+++ b/src/app/services/first-time-buyers/page.tsx
@@ -24,7 +24,7 @@ export default function FirstTimeBuyerPage() {
       title: "Understanding the Process",
       description: "As a first-time buyer, the mortgage process can seem overwhelming. Our expert advisors will walk you through every step, from initial consultation to final completion. We demystify the jargon and ensure you understand every aspect of your mortgage.",
       tag: "Education",
-      imageSrc: "http://img.b2bpic.net/free-photo/monitoring-your-progress-change-home-plan_329181-7400.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/monitoring-your-progress-change-home-plan_329181-7400.jpg?_wi=3",
       imageAlt: "young couple viewing property first time buyers",
     },
     {
@@ -32,7 +32,7 @@ export default function FirstTimeBuyerPage() {
       title: "Government Schemes & Support",
       description: "We help you navigate available government schemes like Help to Buy and First-Time Buyer incentives. Our knowledge of current schemes ensures you get maximum support and don't miss out on available benefits.",
       tag: "Schemes",
-      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg?_wi=4",
       imageAlt: "professional financial advisor reviewing documents",
     },
     {
@@ -40,7 +40,7 @@ export default function FirstTimeBuyerPage() {
       title: "Competitive First-Time Buyer Rates",
       description: "With our extensive lender panel, we secure the most competitive rates specifically for first-time buyers. We compare products across lenders and negotiate on your behalf to ensure you get the best deal available.",
       tag: "Best Rates",
-      imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749163.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-kids-moving-their-new-home_23-2149749163.jpg?_wi=2",
       imageAlt: "family moving into new home house moving boxes",
     },
   ];
@@ -52,7 +52,7 @@ export default function FirstTimeBuyerPage() {
       role: "First-Time Buyer",
       company: "East London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg?_wi=3",
       imageAlt: "professional portrait woman smiling confident",
     },
     {
@@ -61,7 +61,7 @@ export default function FirstTimeBuyerPage() {
       role: "First-Time Buyer",
       company: "South London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg?_wi=3",
       imageAlt: "professional portrait man smiling business",
     },
     {
@@ -70,7 +70,7 @@ export default function FirstTimeBuyerPage() {
       role: "First-Time Buyer",
       company: "West London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3493.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3493.jpg?_wi=3",
       imageAlt: "professional portrait woman business confident",
     },
   ];
@@ -182,7 +182,7 @@ export default function FirstTimeBuyerPage() {
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/successful-business-people-discussing-reports-outdoors_1262-20832.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/successful-business-people-discussing-reports-outdoors_1262-20832.jpg?_wi=3"
           mediaPosition="right"
           buttonText="Request Consultation"
         />
-- 
2.49.1


From a551ed1112290860126c67ca572756da14ce4d1c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:22 +0000
Subject: [PATCH 7/8] Update src/app/services/page.tsx

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

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index ec6912c..33d2a26 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -52,7 +52,7 @@ export default function ServicesPage() {
       title: "First-Time Buyer Mortgages",
       description: "We specialize in helping first-time buyers navigate the property market. From understanding mortgage types to finding the best rates, we guide you every step of the way.",
       tag: "Popular",
-      imageSrc: "http://img.b2bpic.net/free-photo/monitoring-your-progress-change-home-plan_329181-7400.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/monitoring-your-progress-change-home-plan_329181-7400.jpg?_wi=2",
       imageAlt: "Young couple viewing property first time buyers",
     },
     {
@@ -60,7 +60,7 @@ export default function ServicesPage() {
       title: "Remortgaging Services",
       description: "Switching mortgages can save you thousands. Our experts negotiate with lenders to secure better rates and improve your financial position.",
       tag: "Save Money",
-      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg?_wi=2",
       imageAlt: "Professional financial advisor reviewing documents",
     },
     {
@@ -68,7 +68,7 @@ export default function ServicesPage() {
       title: "Buy-to-Let Mortgages",
       description: "Maximize your investment returns with competitive buy-to-let rates. We understand the unique requirements of buy-to-let investors.",
       tag: "Investment",
-      imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/corporate-people-rear-view-businesswoman-raising-hands-up-celebration-triumphing-achieve-goal_1258-125248.jpg?_wi=2",
       imageAlt: "Multi-unit residential building investment property",
     },
   ];
@@ -80,7 +80,7 @@ export default function ServicesPage() {
       role: "First-Time Buyer",
       company: "London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg?_wi=2",
       imageAlt: "Sarah Johnson - First-Time Buyer",
     },
     {
@@ -89,7 +89,7 @@ export default function ServicesPage() {
       role: "Remortgage Client",
       company: "Greater London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg?_wi=2",
       imageAlt: "Michael Chen - Remortgage Client",
     },
     {
@@ -98,7 +98,7 @@ export default function ServicesPage() {
       role: "Buy-to-Let Investor",
       company: "North London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3493.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-indoor_624325-3493.jpg?_wi=2",
       imageAlt: "Emily Rodriguez - Buy-to-Let Investor",
     },
   ];
-- 
2.49.1


From 5b0cc9da02ea0c009a675a888f7abb652a08d027 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 02:21:23 +0000
Subject: [PATCH 8/8] Update src/app/services/remortgage/page.tsx

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

diff --git a/src/app/services/remortgage/page.tsx b/src/app/services/remortgage/page.tsx
index 0989142..0420235 100644
--- a/src/app/services/remortgage/page.tsx
+++ b/src/app/services/remortgage/page.tsx
@@ -24,7 +24,7 @@ export default function RemortgagePage() {
       title: "Lower Your Monthly Payments",
       description: "Remortgage to a lower rate and reduce your monthly mortgage payments. We work with lenders to find products that can save you thousands over the life of your mortgage.",
       tag: "Save Money",
-      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/co-workers-reading-report_1098-685.jpg?_wi=5",
       imageAlt: "professional financial advisor reviewing documents",
     },
     {
@@ -32,7 +32,7 @@ export default function RemortgagePage() {
       title: "Release Equity from Your Home",
       description: "If your property has increased in value, you can release equity for home improvements, debt consolidation, or other needs. Our advisors explore the right option for your circumstances.",
       tag: "Access Funds",
-      imageSrc: "http://img.b2bpic.net/free-photo/ambitious-woman-ceo-working-her-modern-corporate-office_482257-112516.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/ambitious-woman-ceo-working-her-modern-corporate-office_482257-112516.jpg?_wi=3",
       imageAlt: "financial documents and analysis on desk",
     },
     {
@@ -40,7 +40,7 @@ export default function RemortgagePage() {
       title: "Shorten Your Mortgage Term",
       description: "Own your home outright sooner by switching to a shorter mortgage term. We help you find competitive rates that make this financially viable without straining your budget.",
       tag: "Long-Term",
-      imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-analyzing-business-reports-feeling-satisfied-about-business-progress_637285-123.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/happy-female-entrepreneur-analyzing-business-reports-feeling-satisfied-about-business-progress_637285-123.jpg?_wi=2",
       imageAlt: "loan application paperwork office desk processing",
     },
   ];
@@ -75,7 +75,7 @@ export default function RemortgagePage() {
       role: "Remortgage Client",
       company: "North London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg?_wi=2",
       imageAlt: "professional portrait man business confident",
     },
     {
@@ -84,7 +84,7 @@ export default function RemortgagePage() {
       role: "Remortgage Client",
       company: "Central London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457701.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457701.jpg?_wi=2",
       imageAlt: "professional portrait woman investor confident",
     },
     {
@@ -93,7 +93,7 @@ export default function RemortgagePage() {
       role: "Remortgage Client",
       company: "Greater London",
       rating: 5,
-      imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",
+      imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=2",
       imageAlt: "professional portrait man investor confident",
     },
   ];
@@ -217,7 +217,7 @@ export default function RemortgagePage() {
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/woman-with-clipboard-near-male-colleagues_23-2147807958.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/woman-with-clipboard-near-male-colleagues_23-2147807958.jpg?_wi=2"
           mediaPosition="right"
           buttonText="Get Free Remortgage Review"
         />
-- 
2.49.1