diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index c2c5102..2200d75 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -90,7 +90,7 @@ export default function AdminPage() {
               value: "1,247",
               title: "Total Bookings",
               description: "Platform-wide booking volume this month",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=7",
               imageAlt: "Platform Bookings",
             },
             {
@@ -98,7 +98,7 @@ export default function AdminPage() {
               value: "₹6.2M",
               title: "Revenue Generated",
               description: "Total platform revenue and commission earnings",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=11",
               imageAlt: "Revenue Metrics",
             },
             {
@@ -106,7 +106,7 @@ export default function AdminPage() {
               value: "342",
               title: "Active Venues",
               description: "Partner sports facilities on the platform",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=11",
               imageAlt: "Active Venues",
             },
           ]}
@@ -127,7 +127,7 @@ export default function AdminPage() {
               author: "Manage Partners",
               description: "Oversee all partner venues, approve new facility applications, monitor venue ratings and performance metrics. Handle venue disputes and manage facility information updates.",
               tags: ["Venues", "Partners", "Admin"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=8",
               imageAlt: "Venue Management",
             },
             {
@@ -136,7 +136,7 @@ export default function AdminPage() {
               author: "User Management",
               description: "Manage user accounts, resolve user issues, handle account suspensions, and monitor user behavior. View user analytics and booking history across the platform.",
               tags: ["Users", "Accounts", "Admin"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=7",
               imageAlt: "User Management",
             },
             {
@@ -145,7 +145,7 @@ export default function AdminPage() {
               author: "Financial Management",
               description: "Monitor all payment transactions, manage refunds and disputes, generate financial reports, and handle commission calculations. Reconcile payments and manage payment disputes.",
               tags: ["Payments", "Billing", "Finance"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/smartphone-displaying-sports-booking-app-1773133592574-0dc7d134.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/smartphone-displaying-sports-booking-app-1773133592574-0dc7d134.png?_wi=3",
               imageAlt: "Payment Management",
             },
           ]}
diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 11745d2..c9e18e6 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -107,7 +107,7 @@ export default function BookingPage() {
               author: "Step 1",
               description: "Choose from our curated list of premium sports venues. Filter by sport type, location, price range, and customer ratings. View detailed venue information including amenities and operating hours.",
               tags: ["Venue", "Location", "Filters"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=7",
               imageAlt: "Select Your Venue",
             },
             {
@@ -116,7 +116,7 @@ export default function BookingPage() {
               author: "Step 2",
               description: "Browse real-time availability calendar. Green slots indicate availability, red indicates booked times. Select multiple dates to compare prices and availability across different times.",
               tags: ["Calendar", "Availability", "Schedule"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=9",
               imageAlt: "Choose Date and Time",
             },
             {
@@ -125,7 +125,7 @@ export default function BookingPage() {
               author: "Step 3",
               description: "Review your complete booking details including venue name, address, sport type, date, time slot, and total price. Make any adjustments or proceed to secure payment.",
               tags: ["Review", "Details", "Confirm"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=8",
               imageAlt: "Review and Confirm",
             },
           ]}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1703d57..2a8ab05 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1440,6 +1440,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' }, '*');
+})();
 `
           }}
         />
diff --git a/src/app/my-bookings/page.tsx b/src/app/my-bookings/page.tsx
index 4a36758..9fb392d 100644
--- a/src/app/my-bookings/page.tsx
+++ b/src/app/my-bookings/page.tsx
@@ -90,7 +90,7 @@ export default function MyBookingsPage() {
               value: "8",
               title: "Total Bookings",
               description: "Active and completed reservations",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=5",
               imageAlt: "Total Bookings Overview",
             },
             {
@@ -98,7 +98,7 @@ export default function MyBookingsPage() {
               value: "₹4,200",
               title: "Total Spent",
               description: "Amount invested in bookings this month",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=10",
               imageAlt: "Total Spending",
             },
             {
@@ -106,7 +106,7 @@ export default function MyBookingsPage() {
               value: "15",
               title: "Favorite Venues",
               description: "Your preferred sports facilities",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=9",
               imageAlt: "Favorite Venues",
             },
           ]}
@@ -127,7 +127,7 @@ export default function MyBookingsPage() {
               author: "Elite Sports Complex",
               description: "This Saturday, 9:00 AM - 10:00 AM. Premium facility with professional-grade courts. Includes practice area and water station.",
               tags: ["Upcoming", "Pickleball", "Reserved"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=6",
               imageAlt: "Pickleball Court A",
             },
             {
@@ -136,7 +136,7 @@ export default function MyBookingsPage() {
               author: "Pro Court Arena",
               description: "Sunday, 4:00 PM - 5:30 PM. Professional courts with excellent lighting. Includes equipment rental and coaching available.",
               tags: ["Upcoming", "Badminton", "Reserved"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=6",
               imageAlt: "Badminton Court B",
             },
             {
@@ -145,7 +145,7 @@ export default function MyBookingsPage() {
               author: "Champions Tennis Hub",
               description: "Next Wednesday, 6:00 PM - 7:30 PM. Clay court with world-class facilities. Includes locker room access and racket storage.",
               tags: ["Upcoming", "Tennis", "Reserved"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=10",
               imageAlt: "Tennis Court 3",
             },
           ]}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5acc331..3e7b55e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -67,37 +67,37 @@ export default function HomePage() {
           }}
           leftCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=1",
               imageAlt: "Professional Pickleball Court",
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/cricket-practice-nets-facility-with-bats-1773133591625-44fc492b.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/cricket-practice-nets-facility-with-bats-1773133591625-44fc492b.jpg?_wi=1",
               imageAlt: "Cricket Practice Nets",
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/football-turf-pitch-with-players-during--1773133590279-7aed4e3d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/football-turf-pitch-with-players-during--1773133590279-7aed4e3d.png?_wi=1",
               imageAlt: "Football Turf Field",
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=1",
               imageAlt: "Indoor Badminton Court",
             },
           ]}
           rightCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=1",
               imageAlt: "Modern Sports Complex",
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=1",
               imageAlt: "Professional Sports Arena",
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=1",
               imageAlt: "Tennis Court Complex",
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=2",
               imageAlt: "Sports Facility",
             },
           ]}
@@ -117,42 +117,42 @@ export default function HomePage() {
               id: "1",
               name: "Pickleball",
               price: "Starting ₹500/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=2",
               imageAlt: "Pickleball Courts",
             },
             {
               id: "2",
               name: "Badminton",
               price: "Starting ₹600/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=3",
               imageAlt: "Badminton Courts",
             },
             {
               id: "3",
               name: "Cricket Nets",
               price: "Starting ₹400/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/cricket-practice-nets-facility-with-bats-1773133591625-44fc492b.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/cricket-practice-nets-facility-with-bats-1773133591625-44fc492b.jpg?_wi=2",
               imageAlt: "Cricket Practice Nets",
             },
             {
               id: "4",
               name: "Football Turf",
               price: "Starting ₹1000/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/football-turf-pitch-with-players-during--1773133590279-7aed4e3d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/football-turf-pitch-with-players-during--1773133590279-7aed4e3d.png?_wi=2",
               imageAlt: "Football Turf",
             },
             {
               id: "5",
               name: "Tennis Courts",
               price: "Starting ₹800/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=2",
               imageAlt: "Tennis Courts",
             },
             {
               id: "6",
               name: "Table Tennis",
               price: "Starting ₹300/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=2",
               imageAlt: "Table Tennis Facility",
             },
           ]}
@@ -173,7 +173,7 @@ export default function HomePage() {
               author: "Find Your Venue",
               description: "Browse available sports courts in your area. Filter by sport type, price, ratings, and distance. View venue details, amenities, and user reviews to make an informed choice.",
               tags: ["Search", "Filter", "Discover"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=2",
               imageAlt: "Search and discover sports venues",
             },
             {
@@ -182,7 +182,7 @@ export default function HomePage() {
               author: "View Time Slots",
               description: "See real-time availability of courts with color-coded slots. Green indicates available, red indicates booked. Check multiple dates to find the perfect time for your game.",
               tags: ["Availability", "Schedule", "Real-time"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=3",
               imageAlt: "Check court availability and time slots",
             },
             {
@@ -191,7 +191,7 @@ export default function HomePage() {
               author: "Reserve Your Slot",
               description: "Select your preferred date, time slot, and sport. Review booking details including court name, venue address, and total price. Confirm your reservation instantly.",
               tags: ["Booking", "Confirm", "Reserve"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=3",
               imageAlt: "Book and confirm your sports court",
             },
             {
@@ -200,7 +200,7 @@ export default function HomePage() {
               author: "Secure Payment",
               description: "Complete secure payment via Razorpay or Stripe. Get instant confirmation with booking ID. Receive email and SMS confirmation with all booking details.",
               tags: ["Payment", "Secure", "Instant"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/smartphone-displaying-sports-booking-app-1773133592574-0dc7d134.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/smartphone-displaying-sports-booking-app-1773133592574-0dc7d134.png?_wi=1",
               imageAlt: "Secure online payment",
             },
           ]}
@@ -222,7 +222,7 @@ export default function HomePage() {
               value: "4.9★",
               title: "Elite Sports Complex",
               description: "Multi-sport venue with 8 courts across different disciplines",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=3",
               imageAlt: "Elite Sports Complex",
             },
             {
@@ -230,7 +230,7 @@ export default function HomePage() {
               value: "4.8★",
               title: "Pro Court Arena",
               description: "Professional-grade courts with premium amenities and coaching available",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=4",
               imageAlt: "Pro Court Arena",
             },
             {
@@ -238,7 +238,7 @@ export default function HomePage() {
               value: "4.7★",
               title: "Champions Tennis Hub",
               description: "Dedicated tennis facility with clay and hard courts for all levels",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=4",
               imageAlt: "Champions Tennis Hub",
             },
           ]}
@@ -260,7 +260,7 @@ export default function HomePage() {
               name: "Raj Kumar",
               handle: "@rajkumar_sports",
               testimonial: "SportSlot has made booking courts so easy! No more waiting on calls or dealing with hassles. Instant confirmation and secure payment. Highly recommended!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590518-f134a8e3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590518-f134a8e3.png?_wi=1",
               imageAlt: "Raj Kumar",
             },
             {
@@ -268,7 +268,7 @@ export default function HomePage() {
               name: "Priya Sharma",
               handle: "@priya_badminton",
               testimonial: "Finally, a platform that understands what athletes need. Great UI, real-time availability, and fantastic customer support. Best booking app out there!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-in-athl-1773133590801-1b6d1e1b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-in-athl-1773133590801-1b6d1e1b.png?_wi=1",
               imageAlt: "Priya Sharma",
             },
             {
@@ -276,7 +276,7 @@ export default function HomePage() {
               name: "Arjun Singh",
               handle: "@arjun_cricket",
               testimonial: "The cricket nets facility booking process is so smooth. I can check availability, book, and pay within minutes. Perfect for busy professionals like me.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-middle-aged-m-1773133590488-f65afaa2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-middle-aged-m-1773133590488-f65afaa2.png?_wi=1",
               imageAlt: "Arjun Singh",
             },
             {
@@ -284,7 +284,7 @@ export default function HomePage() {
               name: "Anjali Patel",
               handle: "@anjali_fitness",
               testimonial: "Love the filters and venue ratings! I found the perfect facility for my badminton matches. The booking confirmation and invoice system is excellent.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-warm-sm-1773133591869-0e70d593.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-warm-sm-1773133591869-0e70d593.png?_wi=1",
               imageAlt: "Anjali Patel",
             },
             {
@@ -292,7 +292,7 @@ export default function HomePage() {
               name: "Vikas Reddy",
               handle: "@vikas_football",
               testimonial: "SportSlot is a game-changer for football enthusiasts. Easy to navigate, transparent pricing, and reliable venues. Already booked 10 slots this month!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590228-bc91d42c.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590228-bc91d42c.png?_wi=1",
               imageAlt: "Vikas Reddy",
             },
             {
@@ -300,7 +300,7 @@ export default function HomePage() {
               name: "Sneha Gupta",
               handle: "@sneha_tennis",
               testimonial: "The best sports booking platform I've used. Multiple payment options, instant confirmations, and amazing venues. Definitely my go-to app now!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-diverse-woman-1773133590939-2ebd8505.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-diverse-woman-1773133590939-2ebd8505.png?_wi=1",
               imageAlt: "Sneha Gupta",
             },
           ]}
@@ -325,7 +325,7 @@ export default function HomePage() {
           description="Available on iOS and Android"
           subdescription="Book on the go with our mobile app. Real-time notifications, instant confirmations, and exclusive app-only offers."
           icon={Smartphone}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/smartphone-displaying-sports-booking-app-1773133592574-0dc7d134.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/smartphone-displaying-sports-booking-app-1773133592574-0dc7d134.png?_wi=2"
           imageAlt="SportSlot Mobile App"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
diff --git a/src/app/venues/[id]/page.tsx b/src/app/venues/[id]/page.tsx
index 73e3007..0cac246 100644
--- a/src/app/venues/[id]/page.tsx
+++ b/src/app/venues/[id]/page.tsx
@@ -149,7 +149,7 @@ export default function VenueDetailsPage() {
               value: "₹600/hr",
               title: "Badminton Courts",
               description: "Professional-grade courts with LED lighting",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=5",
               imageAlt: "Badminton Courts",
             },
             {
@@ -157,7 +157,7 @@ export default function VenueDetailsPage() {
               value: "₹500/hr",
               title: "Pickleball Courts",
               description: "Newly renovated with modern amenities",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=4",
               imageAlt: "Pickleball Courts",
             },
             {
@@ -165,7 +165,7 @@ export default function VenueDetailsPage() {
               value: "₹800/hr",
               title: "Tennis Courts",
               description: "Hard courts with professional maintenance",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=7",
               imageAlt: "Tennis Courts",
             },
           ]}
@@ -187,7 +187,7 @@ export default function VenueDetailsPage() {
               author: "Expert Trainers",
               description: "Certified coaches available for all sports. Personalized training sessions, group classes, and skill improvement programs tailored to your level.",
               tags: ["Coaching", "Training", "Expert"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=8",
               imageAlt: "Professional Coaching",
             },
             {
@@ -196,7 +196,7 @@ export default function VenueDetailsPage() {
               author: "World-Class Facilities",
               description: "Fully equipped locker rooms, modern shower facilities, oxygen bars, sports nutrition cafe, merchandise store, and comfortable spectator seating areas.",
               tags: ["Amenities", "Facilities", "Comfort"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=6",
               imageAlt: "Premium Amenities",
             },
             {
@@ -226,7 +226,7 @@ export default function VenueDetailsPage() {
               name: "Raj Kumar",
               handle: "@rajkumar_sports",
               testimonial: "Best venue in the city! Courts are always in perfect condition and the staff is incredibly helpful. Will definitely book again.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590518-f134a8e3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590518-f134a8e3.png?_wi=2",
               imageAlt: "Raj Kumar",
             },
             {
@@ -234,7 +234,7 @@ export default function VenueDetailsPage() {
               name: "Priya Sharma",
               handle: "@priya_badminton",
               testimonial: "Amazing facilities and the coaching here is top-notch. Finally found a venue that meets my high standards for badminton!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-in-athl-1773133590801-1b6d1e1b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-in-athl-1773133590801-1b6d1e1b.png?_wi=2",
               imageAlt: "Priya Sharma",
             },
             {
@@ -242,7 +242,7 @@ export default function VenueDetailsPage() {
               name: "Arjun Singh",
               handle: "@arjun_cricket",
               testimonial: "The amenities here are exceptional. World-class courts and genuinely friendly staff. Worth every penny!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-middle-aged-m-1773133590488-f65afaa2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-middle-aged-m-1773133590488-f65afaa2.png?_wi=2",
               imageAlt: "Arjun Singh",
             },
             {
@@ -250,7 +250,7 @@ export default function VenueDetailsPage() {
               name: "Anjali Patel",
               handle: "@anjali_fitness",
               testimonial: "Visited for a tournament and was blown away by the organization and facility quality. Highly recommended for serious athletes!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-warm-sm-1773133591869-0e70d593.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-woman-warm-sm-1773133591869-0e70d593.png?_wi=2",
               imageAlt: "Anjali Patel",
             },
             {
@@ -258,7 +258,7 @@ export default function VenueDetailsPage() {
               name: "Vikas Reddy",
               handle: "@vikas_football",
               testimonial: "Professional venue with professional standards. Every detail is perfect. I book here regularly and never disappointed.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590228-bc91d42c.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-young-athleti-1773133590228-bc91d42c.png?_wi=2",
               imageAlt: "Vikas Reddy",
             },
             {
@@ -266,7 +266,7 @@ export default function VenueDetailsPage() {
               name: "Sneha Gupta",
               handle: "@sneha_tennis",
               testimonial: "Outstanding experience! The coaching staff helped me improve significantly. Will definitely become a regular here.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-diverse-woman-1773133590939-2ebd8505.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-headshot-of-a-diverse-woman-1773133590939-2ebd8505.png?_wi=2",
               imageAlt: "Sneha Gupta",
             },
           ]}
diff --git a/src/app/venues/page.tsx b/src/app/venues/page.tsx
index 38d8348..23453ac 100644
--- a/src/app/venues/page.tsx
+++ b/src/app/venues/page.tsx
@@ -49,56 +49,56 @@ export default function VenuesPage() {
               id: "1",
               name: "Pickleball Paradise",
               price: "₹500-700/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/professional-pickleball-court-from-above-1773133590778-640be31f.png?_wi=3",
               imageAlt: "Pickleball Paradise Venue",
             },
             {
               id: "2",
               name: "Badminton Elite",
               price: "₹600-850/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/badminton-court-with-players-mid-rally-n-1773133592606-7b7d25c2.png?_wi=4",
               imageAlt: "Badminton Elite Venue",
             },
             {
               id: "3",
               name: "Cricket Academy",
               price: "₹400-600/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/cricket-practice-nets-facility-with-bats-1773133591625-44fc492b.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/cricket-practice-nets-facility-with-bats-1773133591625-44fc492b.jpg?_wi=3",
               imageAlt: "Cricket Academy Venue",
             },
             {
               id: "4",
               name: "Football Premier",
               price: "₹1000-1500/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/football-turf-pitch-with-players-during--1773133590279-7aed4e3d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/football-turf-pitch-with-players-during--1773133590279-7aed4e3d.png?_wi=3",
               imageAlt: "Football Premier Venue",
             },
             {
               id: "5",
               name: "Tennis Grand Slam",
               price: "₹800-1200/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=5",
               imageAlt: "Tennis Grand Slam Venue",
             },
             {
               id: "6",
               name: "Table Tennis Arena",
               price: "₹300-500/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=5",
               imageAlt: "Table Tennis Arena Venue",
             },
             {
               id: "7",
               name: "Multi-Sport Complex",
               price: "₹600-1000/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=4",
               imageAlt: "Multi-Sport Complex Venue",
             },
             {
               id: "8",
               name: "Champions Arena Pro",
               price: "₹800-1400/hr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=6",
               imageAlt: "Champions Arena Pro Venue",
             },
           ]}
@@ -118,7 +118,7 @@ export default function VenuesPage() {
               value: "4.9★",
               title: "Elite Sports Complex",
               description: "Premium facilities with professional-grade equipment and 24/7 support",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/modern-sports-complex-exterior-with-mult-1773133590902-aee22054.png?_wi=5",
               imageAlt: "Elite Sports Complex",
             },
             {
@@ -126,7 +126,7 @@ export default function VenuesPage() {
               value: "4.8★",
               title: "Pro Court Arena",
               description: "Multiple courts available with professional coaching and training services",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/indoor-sports-arena-with-multiple-courts-1773133591048-b0f021a1.png?_wi=7",
               imageAlt: "Pro Court Arena",
             },
             {
@@ -134,7 +134,7 @@ export default function VenuesPage() {
               value: "4.7★",
               title: "Champions Tennis Hub",
               description: "Dedicated tennis facility with outdoor and indoor courts for all skill levels",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkOie3jaVwYOlEimBoWWFltGo1/tennis-court-complex-with-clay-or-hard-c-1773133590875-dc69f3af.png?_wi=6",
               imageAlt: "Champions Tennis Hub",
             },
           ]}