From 5cb6e01f6425ec98dc4a765226a84b19cfc3189e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:04 +0000
Subject: [PATCH 1/8] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index ce54553..dbfc21f 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -73,7 +73,7 @@ export default function GalleryPage() {
           title="Before & After Gallery - Professional Car Detailing Transformations"
           description="See the dramatic difference our professional detailing and ceramic coating services make. Real results from real customers in Amritsar."
           tag="Gallery"
-          imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=7"
           imageAlt="Car detailing transformation gallery"
           textPosition="bottom-left"
           showBlur={true}
@@ -95,28 +95,28 @@ export default function GalleryPage() {
               id: "01",
               title: "Paint Correction & Ceramic Coat",
               description: "Swirl marks removed, paint corrected, ceramic coating applied. Car looks like brand new with protected finish.",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=8",
               imageAlt: "Before and after paint correction and ceramic coating",
             },
             {
               id: "02",
               title: "Interior Deep Detail",
               description: "Complete interior transformation with professional cleaning. Seats conditioned, dashboard restored, vacuum throughout.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=9",
               imageAlt: "Before and after professional interior detailing",
             },
             {
               id: "03",
               title: "PPF Full Front Protection",
               description: "Paint protection film applied to hood, bumper, fenders. Protection from road debris, bird droppings, and UV rays.",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=8",
               imageAlt: "PPF installation before and after transformation",
             },
             {
               id: "04",
               title: "Complete Vehicle Detail",
               description: "Exterior wash, clay bar treatment, wax application, interior vacuum, window cleaning. Total transformation.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=10",
               imageAlt: "Complete car detail before and after results",
             },
           ]}
@@ -144,7 +144,7 @@ export default function GalleryPage() {
               tag: "Premium Detail",
               avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
               avatarAlt: "Rajesh Kumar customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=9",
               imageAlt: "Customer car transformation",
             },
             {
@@ -156,7 +156,7 @@ export default function GalleryPage() {
               tag: "Ceramic Coating",
               avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
               avatarAlt: "Priya Singh customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=11",
               imageAlt: "Ceramic coating results showcase",
             },
             {
@@ -168,7 +168,7 @@ export default function GalleryPage() {
               tag: "Full Detail Service",
               avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
               avatarAlt: "Vikas Sharma customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=10",
               imageAlt: "Professional interior detail work",
             },
             {
@@ -180,7 +180,7 @@ export default function GalleryPage() {
               tag: "PPF & Coating",
               avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
               avatarAlt: "Anjali Verma customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=9",
               imageAlt: "PPF protection installation",
             },
             {
@@ -192,7 +192,7 @@ export default function GalleryPage() {
               tag: "Regular Customer",
               avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
               avatarAlt: "Arjun Patel customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg?_wi=5",
               imageAlt: "Professional car wash service",
             },
             {
@@ -204,7 +204,7 @@ export default function GalleryPage() {
               tag: "Fleet Service",
               avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
               avatarAlt: "Neha Gupta customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-front-view_23-2149714270.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-front-view_23-2149714270.jpg?_wi=2",
               imageAlt: "Professional detailing team",
             },
           ]}
-- 
2.49.1


From 826780c446775cc2f5eb1430b33c9fa73db50bbe Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:05 +0000
Subject: [PATCH 2/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 cc891bb..936e50a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1424,6 +1424,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 c8b7ea3c8ed6aa2ddc0e382dc1157d8e0a1a474d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:05 +0000
Subject: [PATCH 3/8] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a00c49..852e3b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -78,7 +78,7 @@ export default function HomePage() {
           title="Amritsar's #1 Car Detailing & Ceramic Coating Experts"
           description="Protect your car with professional PPF, Ceramic Coating, Detailing & Foam Wash services. We've served 700+ satisfied customers."
           tag="Premium Auto Care"
-          imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg?_wi=1"
           imageAlt="Professional car detailing and ceramic coating service"
           textPosition="bottom-left"
           showBlur={true}
@@ -133,42 +133,42 @@ export default function HomePage() {
               id: "01",
               title: "Ceramic Coating",
               description: "Long-term paint protection with enhanced gloss and hydrophobic surface. Lasts 2-5 years with professional-grade products.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=1",
               imageAlt: "Ceramic coating application showing water beading",
             },
             {
               id: "02",
               title: "Paint Protection Film (PPF)",
               description: "Advanced transparent film protection against scratches and stone chips. Premium self-healing technology for lasting protection.",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=1",
               imageAlt: "PPF installation on car hood",
             },
             {
               id: "03",
               title: "Professional Detailing",
               description: "Interior and exterior deep cleaning with paint correction. Removes oxidation, swirls, and contaminants for showroom finish.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=1",
               imageAlt: "Professional interior car detailing",
             },
             {
               id: "04",
               title: "Foam Car Wash",
               description: "Gentle yet effective pressure wash with premium shampoo. Safe two-bucket method protects your car's paint from scratches.",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg?_wi=1",
               imageAlt: "Foam car wash and pressure cleaning service",
             },
             {
               id: "05",
               title: "Car Accessories",
               description: "Premium car care accessories and professional installation. Everything you need to maintain your investment.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=2",
               imageAlt: "Car accessories and care products",
             },
             {
               id: "06",
               title: "Engine Bay Cleaning",
               description: "Deep clean engine compartment with protective coating. Preserves engine longevity and maintains resale value.",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg?_wi=2",
               imageAlt: "Professional engine bay cleaning service",
             },
           ]}
@@ -189,28 +189,28 @@ export default function HomePage() {
               id: "01",
               title: "Paint Correction & Ceramic Coat",
               description: "Swirl marks removed, paint corrected, ceramic coating applied. Car looks like brand new with protected finish.",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=1",
               imageAlt: "Before and after paint correction and ceramic coating",
             },
             {
               id: "02",
               title: "Interior Deep Detail",
               description: "Complete interior transformation with professional cleaning. Seats conditioned, dashboard restored, vacuum throughout.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=3",
               imageAlt: "Before and after professional interior detailing",
             },
             {
               id: "03",
               title: "PPF Full Front Protection",
               description: "Paint protection film applied to hood, bumper, fenders. Protection from road debris, bird droppings, and UV rays.",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=2",
               imageAlt: "PPF installation before and after transformation",
             },
             {
               id: "04",
               title: "Complete Vehicle Detail",
               description: "Exterior wash, clay bar treatment, wax application, interior vacuum, window cleaning. Total transformation.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=2",
               imageAlt: "Complete car detail before and after results",
             },
           ]}
@@ -236,7 +236,7 @@ export default function HomePage() {
               tag: "Premium Detail",
               avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
               avatarAlt: "Rajesh Kumar customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=2",
               imageAlt: "Customer car transformation",
             },
             {
@@ -248,7 +248,7 @@ export default function HomePage() {
               tag: "Ceramic Coating",
               avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
               avatarAlt: "Priya Singh customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=3",
               imageAlt: "Ceramic coating results showcase",
             },
             {
@@ -260,7 +260,7 @@ export default function HomePage() {
               tag: "Full Detail Service",
               avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
               avatarAlt: "Vikas Sharma customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=4",
               imageAlt: "Professional interior detail work",
             },
             {
@@ -272,7 +272,7 @@ export default function HomePage() {
               tag: "PPF & Coating",
               avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
               avatarAlt: "Anjali Verma customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=3",
               imageAlt: "PPF protection installation",
             },
             {
@@ -284,7 +284,7 @@ export default function HomePage() {
               tag: "Regular Customer",
               avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
               avatarAlt: "Arjun Patel customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg?_wi=3",
               imageAlt: "Professional car wash service",
             },
             {
@@ -296,7 +296,7 @@ export default function HomePage() {
               tag: "Fleet Service",
               avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
               avatarAlt: "Neha Gupta customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-front-view_23-2149714270.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-front-view_23-2149714270.jpg?_wi=1",
               imageAlt: "Professional detailing team",
             },
           ]}
-- 
2.49.1


From 8d8cb2084527ad09c4eaa01bd3d9557c47ee16ee Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:06 +0000
Subject: [PATCH 4/8] Update src/app/reviews/page.tsx

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

diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
index c4e6bfc..1d53d73 100644
--- a/src/app/reviews/page.tsx
+++ b/src/app/reviews/page.tsx
@@ -112,7 +112,7 @@ export default function ReviewsPage() {
               tag: "Premium Detail",
               avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
               avatarAlt: "Rajesh Kumar customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=10",
               imageAlt: "Customer car transformation",
             },
             {
@@ -124,7 +124,7 @@ export default function ReviewsPage() {
               tag: "Ceramic Coating",
               avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
               avatarAlt: "Priya Singh customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=12",
               imageAlt: "Ceramic coating results showcase",
             },
             {
@@ -136,7 +136,7 @@ export default function ReviewsPage() {
               tag: "Full Detail Service",
               avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
               avatarAlt: "Vikas Sharma customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=11",
               imageAlt: "Professional interior detail work",
             },
             {
@@ -148,7 +148,7 @@ export default function ReviewsPage() {
               tag: "PPF & Coating",
               avatarSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
               avatarAlt: "Anjali Verma customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=10",
               imageAlt: "PPF protection installation",
             },
             {
@@ -160,7 +160,7 @@ export default function ReviewsPage() {
               tag: "Regular Customer",
               avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
               avatarAlt: "Arjun Patel customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg?_wi=6",
               imageAlt: "Professional car wash service",
             },
             {
@@ -172,7 +172,7 @@ export default function ReviewsPage() {
               tag: "Fleet Service",
               avatarSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
               avatarAlt: "Neha Gupta customer avatar",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-front-view_23-2149714270.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-front-view_23-2149714270.jpg?_wi=3",
               imageAlt: "Professional detailing team",
             },
           ]}
-- 
2.49.1


From 7811dbb4582b6467c3ef047d4cbb1bb85fd49250 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:06 +0000
Subject: [PATCH 5/8] Update src/app/services/car-detailing/page.tsx

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

diff --git a/src/app/services/car-detailing/page.tsx b/src/app/services/car-detailing/page.tsx
index 6569d13..52b2aa2 100644
--- a/src/app/services/car-detailing/page.tsx
+++ b/src/app/services/car-detailing/page.tsx
@@ -76,7 +76,7 @@ export default function CarDetailingPage() {
           title="Professional Car Detailing Services in Amritsar"
           description="Expert detailing that transforms your vehicle. Paint correction, ceramic coating, PPF, and premium interior detailing using professional-grade products."
           tag="Car Detailing Expertise"
-          imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg?_wi=3"
           imageAlt="Professional car detailing service"
           textPosition="bottom-left"
           showBlur={true}
@@ -98,21 +98,21 @@ export default function CarDetailingPage() {
               id: "01",
               title: "Paint Correction",
               description: "Remove swirl marks, oxidation, and scratches. Restore your car's paint to a perfect finish with professional polishing techniques.",
-              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=6",
               imageAlt: "Paint correction and restoration service",
             },
             {
               id: "02",
               title: "Interior Deep Clean",
               description: "Complete interior detailing including vacuum, carpet cleaning, seat conditioning, and dashboard restoration. Professional finish every time.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=8",
               imageAlt: "Professional interior car detailing",
             },
             {
               id: "03",
               title: "Exterior Polish",
               description: "Professional exterior cleaning with premium products. Clay bar treatment, wax application, and protective coating for lasting shine.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=9",
               imageAlt: "Car exterior polishing service",
             },
           ]}
-- 
2.49.1


From e07dcd1fe9016252209103341904260745f2599d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:06 +0000
Subject: [PATCH 6/8] Update src/app/services/ceramic-coating/page.tsx

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

diff --git a/src/app/services/ceramic-coating/page.tsx b/src/app/services/ceramic-coating/page.tsx
index 3b20ad6..a75ebb5 100644
--- a/src/app/services/ceramic-coating/page.tsx
+++ b/src/app/services/ceramic-coating/page.tsx
@@ -79,7 +79,7 @@ export default function CeramicCoatingPage() {
           title="Professional Ceramic Coating in Amritsar"
           description="Protect your car with our premium ceramic coating service. Long-lasting gloss, hydrophobic surface, and complete paint protection. 2-5 years of professional-grade protection."
           tag="Ceramic Coating Specialist"
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=5"
           imageAlt="Ceramic coating application showing water beading"
           textPosition="bottom-left"
           showBlur={true}
@@ -106,7 +106,7 @@ export default function CeramicCoatingPage() {
               description:
                 "Creates a hard, protective layer that shields your car's paint from UV rays, contaminants, and environmental damage.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=6",
               imageAlt: "Ceramic coating protection layer",
             },
             {
@@ -115,7 +115,7 @@ export default function CeramicCoatingPage() {
               description:
                 "Provides a deep, mirror-like finish that makes your car look freshly polished every day. Dramatically enhances color depth.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=7",
               imageAlt: "Enhanced car paint gloss and shine",
             },
             {
@@ -124,7 +124,7 @@ export default function CeramicCoatingPage() {
               description:
                 "Water beads and rolls off, preventing water spots and mineral deposits. Makes washing your car easier and faster.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+                "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=8",
               imageAlt: "Hydrophobic water beading effect",
             },
             {
@@ -133,7 +133,7 @@ export default function CeramicCoatingPage() {
               description:
                 "Professional ceramic coating lasts 2-5 years with proper maintenance. Reduces need for frequent waxing.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+                "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=3",
               imageAlt: "Long-lasting ceramic coating durability",
             },
             {
@@ -142,7 +142,7 @@ export default function CeramicCoatingPage() {
               description:
                 "Protects against bird droppings, tree sap, and minor scratches. Maintains finish even in harsh conditions.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+                "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=6",
               imageAlt: "Chemical and scratch resistant coating",
             },
             {
@@ -151,7 +151,7 @@ export default function CeramicCoatingPage() {
               description:
                 "A well-maintained ceramic coating can increase your vehicle's resale value and appeal to potential buyers.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg",
+                "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30592.jpg?_wi=2",
               imageAlt: "Car value and resale benefits",
             },
           ]}
-- 
2.49.1


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

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

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 2dbc9fd..28b3c10 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -77,21 +77,21 @@ export default function ServicesPage() {
               id: "01",
               title: "Ceramic Coating",
               description: "Long-term paint protection with enhanced gloss and hydrophobic surface. Lasts 2-5 years with professional-grade products. Reduces water spots, provides UV protection, and makes cleaning easier.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-oily-bubbles-droplets-colourful-watery-backdrop_23-2148290123.jpg?_wi=4",
               imageAlt: "Ceramic coating application showing water beading",
             },
             {
               id: "02",
               title: "Paint Protection Film (PPF)",
               description: "Advanced transparent film protection against scratches and stone chips. Premium self-healing technology for lasting protection. Perfect for new cars or luxury vehicles. Protects against road debris, UV rays, and environmental contaminants.",
-              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=4",
               imageAlt: "PPF installation on car hood",
             },
             {
               id: "03",
               title: "Professional Detailing",
               description: "Interior and exterior deep cleaning with paint correction. Removes oxidation, swirls, and contaminants for showroom finish. Includes paint polishing, wax application, interior conditioning, and comprehensive cleaning. Restores your car's original beauty.",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=5",
               imageAlt: "Professional interior car detailing",
             },
           ]}
-- 
2.49.1


From 208d37d6f23038bc9c5f2560ef68335f4929f1d8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 09:31:07 +0000
Subject: [PATCH 8/8] Update src/app/services/ppf/page.tsx

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

diff --git a/src/app/services/ppf/page.tsx b/src/app/services/ppf/page.tsx
index 2828e12..916d3d5 100644
--- a/src/app/services/ppf/page.tsx
+++ b/src/app/services/ppf/page.tsx
@@ -79,7 +79,7 @@ export default function PPFPage() {
           title="Paint Protection Film (PPF) Installation in Amritsar"
           description="Protect your car's paint from scratches, stone chips, and road debris with premium PPF. Self-healing technology provides lasting protection and maintains your car's value."
           tag="PPF Expert Installation"
-          imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=5"
           imageAlt="Paint protection film installation professional car hood"
           textPosition="bottom-left"
           showBlur={true}
@@ -106,7 +106,7 @@ export default function PPFPage() {
               description:
                 "Minor scratches and swirls automatically heal with body heat and sunlight. Maintains perfect finish longer than traditional methods.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+                "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=6",
               imageAlt: "Self-healing PPF technology demonstration",
             },
             {
@@ -115,7 +115,7 @@ export default function PPFPage() {
               description:
                 "Advanced transparent film shields paint from road debris, stone chips, and impact damage. Absorbs impact energy effectively.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg",
+                "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342659.jpg?_wi=7",
               imageAlt: "PPF stone chip protection",
             },
             {
@@ -124,7 +124,7 @@ export default function PPFPage() {
               description:
                 "Clear, transparent film is virtually invisible once applied. No visible thickness or color change to your car's appearance.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+                "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=4",
               imageAlt: "Invisible PPF coating",
             },
             {
@@ -133,7 +133,7 @@ export default function PPFPage() {
               description:
                 "Premium PPF lasts 5+ years with minimal maintenance. Professional installation ensures long-lasting adhesion and protection.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg",
+                "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18369.jpg?_wi=5",
               imageAlt: "Long-lasting PPF durability",
             },
             {
@@ -142,7 +142,7 @@ export default function PPFPage() {
               description:
                 "Blocks harmful UV rays that cause paint fading and oxidation. Keeps paint color vibrant and maintains resale value.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg",
+                "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318454.jpg?_wi=7",
               imageAlt: "UV protection from PPF",
             },
             {
@@ -151,7 +151,7 @@ export default function PPFPage() {
               description:
                 "PPF requires minimal maintenance. Works with regular car wash routines and requires no special products or techniques.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg",
+                "http://img.b2bpic.net/free-photo/handsomen-man-black-sweater-washing-his-car_1157-35954.jpg?_wi=4",
               imageAlt: "Easy PPF maintenance and care",
             },
           ]}
-- 
2.49.1