diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 19ea596..d57808b 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -60,7 +60,7 @@ export default function AboutPage() {
               author: "Value",
               description: "We maintain the highest standards in AI technology and user experience, continuously pushing boundaries to deliver superior educational tools.",
               tags: ["Quality", "Innovation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png?_wi=2",
               imageAlt: "Excellence in education technology",
             },
             {
@@ -78,7 +78,7 @@ export default function AboutPage() {
               author: "Value",
               description: "We continuously improve our platform with cutting-edge AI and learning science to stay at the forefront of educational technology.",
               tags: ["Research", "Technology"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=3",
               imageAlt: "Innovation in learning tools",
             },
             {
@@ -87,7 +87,7 @@ export default function AboutPage() {
               author: "Value",
               description: "Every feature is designed with students' learning success in mind, making their educational journey smoother and more effective.",
               tags: ["Student Focus", "Success"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=4",
               imageAlt: "Student-centered learning design",
             },
           ]}
diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index a0bd901..12c104d 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -131,7 +131,7 @@ export default function LoginPage() {
                 "Access your customized dashboard with all your notes, quizzes, and study materials in one place. Your personal learning hub stays synchronized across all devices.",
               tags: ["Dashboard", "Personal"],
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png?_wi=5",
               imageAlt: "Personalized dashboard",
             },
             {
@@ -142,7 +142,7 @@ export default function LoginPage() {
                 "Monitor your learning journey with detailed analytics. Track quiz performance, study consistency, and get AI-powered recommendations for improvement.",
               tags: ["Analytics", "Progress"],
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=9",
               imageAlt: "Progress analytics",
             },
             {
@@ -153,7 +153,7 @@ export default function LoginPage() {
                 "All your study materials are automatically backed up to the cloud. Access your notes and quizzes from any device, anywhere, anytime.",
               tags: ["Cloud", "Backup"],
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=12",
               imageAlt: "Cloud synchronization",
             },
           ]}
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 8905fc1..d3c2177 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -49,7 +49,7 @@ export default function DashboardPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "floatingGradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png?_wi=3"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             {
@@ -81,7 +81,7 @@ export default function DashboardPage() {
               name: "Notes Summarizer",
               price: "Included",
               variant: "Instantly summarize your study materials",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png?_wi=3",
               imageAlt: "AI Notes Summarizer Tool",
             },
             {
@@ -89,7 +89,7 @@ export default function DashboardPage() {
               name: "Quiz Generator",
               price: "Included",
               variant: "Create and track practice questions",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png?_wi=3",
               imageAlt: "AI Quiz Generator Tool",
             },
             {
@@ -97,7 +97,7 @@ export default function DashboardPage() {
               name: "Chatbot Tutor",
               price: "Included",
               variant: "24/7 AI tutoring and support",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png?_wi=3",
               imageAlt: "AI Chatbot Tutor Tool",
             },
             {
@@ -105,7 +105,7 @@ export default function DashboardPage() {
               name: "Study Planner",
               price: "Included",
               variant: "Organize and schedule your study time",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=5",
               imageAlt: "Study Planner Tool",
             },
           ]}
@@ -135,7 +135,7 @@ export default function DashboardPage() {
               author: "Feature",
               description: "Monitor your learning metrics, quiz scores, and study hours with interactive charts and visual analytics.",
               tags: ["Analytics", "Tracking"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=4",
               imageAlt: "Progress tracking dashboard",
             },
             {
@@ -144,7 +144,7 @@ export default function DashboardPage() {
               author: "Feature",
               description: "AI-powered insights identify weak areas and suggest focused study sessions based on your performance patterns.",
               tags: ["Personalization", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=6",
               imageAlt: "Study recommendations interface",
             },
             {
@@ -153,7 +153,7 @@ export default function DashboardPage() {
               author: "Feature",
               description: "Plan your study sessions, set deadlines, and organize your academic calendar all in one centralized location.",
               tags: ["Planning", "Organization"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=7",
               imageAlt: "Study calendar interface",
             },
           ]}
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 7bd4762..ebad651 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -43,7 +43,7 @@ export default function FeaturesPage() {
               author: "Core Feature",
               description: "Transform lengthy notes and textbooks into clear, concise summaries in seconds. Our AI extracts key concepts, highlights important relationships, and adapts summaries to your preferred level of detail.",
               tags: ["Summarization", "AI-Powered", "Notes"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png?_wi=2",
               imageAlt: "AI Notes Summarizer",
             },
             {
@@ -52,7 +52,7 @@ export default function FeaturesPage() {
               author: "Core Feature",
               description: "Automatically generate comprehensive quizzes from any study material. Get multiple-choice, fill-in-the-blank, and essay questions with instant scoring, detailed feedback, and performance analytics.",
               tags: ["Assessment", "Interactive", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png?_wi=2",
               imageAlt: "Quiz Generator",
             },
             {
@@ -61,7 +61,7 @@ export default function FeaturesPage() {
               author: "Core Feature",
               description: "Get instant answers to complex study questions from our advanced AI tutor. Available anytime, our tutor provides personalized explanations, breaks down complex concepts, and adapts to your unique learning style.",
               tags: ["Support", "Learning", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png?_wi=2",
               imageAlt: "AI Tutor",
             },
           ]}
@@ -84,7 +84,7 @@ export default function FeaturesPage() {
               name: "Study Planner",
               price: "Included",
               variant: "Smart scheduling with deadline tracking and reminders",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=2",
               imageAlt: "Study Planner",
             },
             {
@@ -92,7 +92,7 @@ export default function FeaturesPage() {
               name: "Progress Analytics",
               price: "Included",
               variant: "Detailed performance tracking and improvement insights",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=2",
               imageAlt: "Progress Analytics",
             },
             {
@@ -100,7 +100,7 @@ export default function FeaturesPage() {
               name: "Collaborative Learning",
               price: "Included",
               variant: "Share summaries and quizzes with study groups",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=3",
               imageAlt: "Collaborative Learning",
             },
           ]}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c6c3c28..64037f1 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1430,6 +1430,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-notes/page.tsx b/src/app/my-notes/page.tsx
index eaab288..16a3cb8 100644
--- a/src/app/my-notes/page.tsx
+++ b/src/app/my-notes/page.tsx
@@ -72,7 +72,7 @@ export default function MyNotesPage() {
               name: "AI Note Summarizer",
               price: "Included",
               variant: "Transform long notes into concise summaries instantly",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png?_wi=5",
               imageAlt: "AI Note Summarizer",
             },
             {
@@ -80,7 +80,7 @@ export default function MyNotesPage() {
               name: "Smart Organization",
               price: "Included",
               variant: "Automatically categorize and tag your notes by subject",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=10",
               imageAlt: "Note organization interface",
             },
             {
@@ -88,7 +88,7 @@ export default function MyNotesPage() {
               name: "Quiz Generation from Notes",
               price: "Included",
               variant: "Generate practice quizzes directly from your notes",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png?_wi=6",
               imageAlt: "Quiz generation from notes",
             },
           ]}
@@ -120,7 +120,7 @@ export default function MyNotesPage() {
               name: "Sarah Johnson",
               handle: "@sarahj_studies",
               testimonial: "The note summarizer saves me hours every week. Instead of spending time organizing, I can focus on actually learning the material.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773122443640-57452f9b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773122443640-57452f9b.png?_wi=3",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -128,7 +128,7 @@ export default function MyNotesPage() {
               name: "Michael Chen",
               handle: "@mchen_learning",
               testimonial: "Having all my notes in one organized place with instant summaries is a game changer. I never feel overwhelmed by my study materials anymore.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773122444019-d376afec.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773122444019-d376afec.png?_wi=3",
               imageAlt: "Michael Chen",
             },
             {
@@ -136,7 +136,7 @@ export default function MyNotesPage() {
               name: "Emily Rodriguez",
               handle: "@emily_r_studies",
               testimonial: "The quizzes generated from my notes are more relevant than anything I could find online. My test scores have improved significantly.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773122444296-9efcf40e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773122444296-9efcf40e.png?_wi=3",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -144,7 +144,7 @@ export default function MyNotesPage() {
               name: "David Kim",
               handle: "@davidkim_edu",
               testimonial: "I use this tool to help my students better manage their notes. The AI summaries give them more time to focus on understanding concepts.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444638-6f6fb536.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444638-6f6fb536.png?_wi=3",
               imageAlt: "David Kim",
             },
             {
@@ -152,7 +152,7 @@ export default function MyNotesPage() {
               name: "Jessica Martinez",
               handle: "@jess_learning",
               testimonial: "The ability to quickly search through all my notes and find relevant information during study sessions is incredibly efficient.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png?_wi=3",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -160,7 +160,7 @@ export default function MyNotesPage() {
               name: "Alex Thompson",
               handle: "@alexthompson_ai",
               testimonial: "The note organization and AI features combine perfectly. I've never felt more in control of my study materials and learning journey.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444243-0de0c03e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444243-0de0c03e.png?_wi=3",
               imageAlt: "Alex Thompson",
             },
           ]}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 27a35af..b1688f4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -47,7 +47,7 @@ export default function HomePage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "floatingGradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png?_wi=1"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             {
@@ -73,7 +73,7 @@ export default function HomePage() {
               author: "Step 1",
               description: "Simply upload your study notes, textbooks, or lecture materials in PDF or text format.",
               tags: ["Upload", "Document"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773122444179-4c520417.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773122444179-4c520417.png?_wi=1",
               imageAlt: "Upload notes interface",
             },
             {
@@ -82,7 +82,7 @@ export default function HomePage() {
               author: "Step 2",
               description: "Our advanced AI analyzes your content to extract key concepts and create summaries.",
               tags: ["Analysis", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773122444348-62ddd3c7.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773122444348-62ddd3c7.jpg?_wi=1",
               imageAlt: "AI processing content",
             },
             {
@@ -91,7 +91,7 @@ export default function HomePage() {
               author: "Step 3",
               description: "Receive summaries, quizzes, and tutoring responses tailored to your learning style.",
               tags: ["Results", "Personalized"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773122444733-e9a1d035.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773122444733-e9a1d035.png?_wi=1",
               imageAlt: "Results display",
             },
           ]}
@@ -114,7 +114,7 @@ export default function HomePage() {
               name: "Notes Summarizer",
               price: "Included",
               variant: "Summarize long notes into concise summaries",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png?_wi=1",
               imageAlt: "AI Notes Summarizer Tool",
             },
             {
@@ -122,7 +122,7 @@ export default function HomePage() {
               name: "Quiz Generator",
               price: "Included",
               variant: "Generate practice quizzes with automatic scoring",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png?_wi=1",
               imageAlt: "AI Quiz Generator Tool",
             },
             {
@@ -130,7 +130,7 @@ export default function HomePage() {
               name: "Chatbot Tutor",
               price: "Included",
               variant: "Get instant answers and explanations from AI",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png?_wi=1",
               imageAlt: "AI Chatbot Tutor Tool",
             },
             {
@@ -138,7 +138,7 @@ export default function HomePage() {
               name: "Study Planner",
               price: "Included",
               variant: "Organize your study schedule and track progress",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=1",
               imageAlt: "Study Planner Tool",
             },
           ]}
@@ -179,7 +179,7 @@ export default function HomePage() {
               author: "Feature",
               description: "Automatically generate multiple-choice quizzes from your study material. Get instant scoring, detailed feedback, and identify weak areas.",
               tags: ["Assessment", "Interactive"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773122443489-fac88ae8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773122443489-fac88ae8.png?_wi=1",
               imageAlt: "Quiz generation feature",
             },
             {
@@ -188,7 +188,7 @@ export default function HomePage() {
               author: "Feature",
               description: "Ask any study question and get comprehensive explanations. Our AI tutor adapts to your learning style and provides personalized guidance.",
               tags: ["Support", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773122442953-4b38e33b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773122442953-4b38e33b.png?_wi=1",
               imageAlt: "AI tutor feature",
             },
             {
@@ -197,7 +197,7 @@ export default function HomePage() {
               author: "Feature",
               description: "Monitor your learning journey with detailed analytics. Track quiz performance, study hours, and identify improvement areas.",
               tags: ["Analytics", "Tracking"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=1",
               imageAlt: "Progress tracking dashboard",
             },
           ]}
@@ -220,7 +220,7 @@ export default function HomePage() {
               name: "Sarah Johnson",
               handle: "@sarahj_studies",
               testimonial: "This platform completely changed how I study. The AI summaries save me hours of note review, and the quiz generator has improved my test scores significantly.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773122443640-57452f9b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773122443640-57452f9b.png?_wi=1",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -228,7 +228,7 @@ export default function HomePage() {
               name: "Michael Chen",
               handle: "@mchen_learning",
               testimonial: "The AI tutor is incredible. I can ask complex questions at any time and get detailed explanations. It's like having a personal tutor available 24/7.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773122444019-d376afec.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773122444019-d376afec.png?_wi=1",
               imageAlt: "Michael Chen",
             },
             {
@@ -236,7 +236,7 @@ export default function HomePage() {
               name: "Emily Rodriguez",
               handle: "@emily_r_studies",
               testimonial: "The study planner helped me organize my schedule perfectly. Combined with the progress tracking, I've never felt more in control of my learning.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773122444296-9efcf40e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773122444296-9efcf40e.png?_wi=1",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -244,7 +244,7 @@ export default function HomePage() {
               name: "David Kim",
               handle: "@davidkim_edu",
               testimonial: "As an educator, I use this tool to create better study materials for my students. The AI features are both powerful and incredibly user-friendly.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444638-6f6fb536.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444638-6f6fb536.png?_wi=1",
               imageAlt: "David Kim",
             },
             {
@@ -252,7 +252,7 @@ export default function HomePage() {
               name: "Jessica Martinez",
               handle: "@jess_learning",
               testimonial: "The dashboard gives me clear insights into my learning progress. I can see exactly where I need to improve and track my advancement over time.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png?_wi=1",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -260,7 +260,7 @@ export default function HomePage() {
               name: "Alex Thompson",
               handle: "@alexthompson_ai",
               testimonial: "Outstanding platform! The combination of AI-powered tools and intuitive design makes studying efficient and even enjoyable. Highly recommended for all students.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444243-0de0c03e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444243-0de0c03e.png?_wi=1",
               imageAlt: "Alex Thompson",
             },
           ]}
diff --git a/src/app/progress-analytics/page.tsx b/src/app/progress-analytics/page.tsx
index e41d7de..c6e0f29 100644
--- a/src/app/progress-analytics/page.tsx
+++ b/src/app/progress-analytics/page.tsx
@@ -94,7 +94,7 @@ export default function ProgressAnalyticsPage() {
                 "View detailed breakdowns of your quiz performance by subject, including difficulty levels, time spent, and areas for improvement. Identify weak topics and focus your study efforts.",
               tags: ["Quizzes", "Performance"],
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=8",
               imageAlt: "Quiz performance analysis dashboard",
             },
             {
@@ -105,7 +105,7 @@ export default function ProgressAnalyticsPage() {
                 "See how your study time is distributed across different subjects and tools. Get insights on your study habits and recommendations for optimal learning balance.",
               tags: ["Time Tracking", "Habits"],
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=11",
               imageAlt: "Study time distribution chart",
             },
             {
@@ -116,7 +116,7 @@ export default function ProgressAnalyticsPage() {
                 "Track your improvement over time with visual trend analysis. See how your quiz scores, study consistency, and knowledge retention are improving week over week.",
               tags: ["Trends", "Progress"],
               imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png?_wi=4",
               imageAlt: "Progress trend visualization",
             },
           ]}
diff --git a/src/app/tools/chatbot-tutor/page.tsx b/src/app/tools/chatbot-tutor/page.tsx
index 62a086c..97fd56c 100644
--- a/src/app/tools/chatbot-tutor/page.tsx
+++ b/src/app/tools/chatbot-tutor/page.tsx
@@ -48,7 +48,7 @@ export default function ChatbotTutorPage() {
           tagIcon={undefined}
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png?_wi=5"
           imageAlt="AI Chatbot Tutor Interface"
           buttons={[
             {
@@ -78,7 +78,7 @@ export default function ChatbotTutorPage() {
               author: "Benefit",
               description: "The AI learns from your questions and adjusts explanations accordingly. Ask follow-up questions and get deeper insights tailored to your understanding level.",
               tags: ["Personalized", "Adaptive"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png?_wi=6",
               imageAlt: "AI tutor conversation",
             },
             {
@@ -87,7 +87,7 @@ export default function ChatbotTutorPage() {
               author: "Benefit",
               description: "From mathematics to literature, sciences to history - our AI tutor has comprehensive knowledge across all subjects and academic levels.",
               tags: ["Comprehensive", "Broad"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773122442953-4b38e33b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773122442953-4b38e33b.png?_wi=2",
               imageAlt: "Multi-subject tutoring",
             },
             {
@@ -96,7 +96,7 @@ export default function ChatbotTutorPage() {
               author: "Benefit",
               description: "Break down complex problems into manageable steps. Learn the 'why' behind each solution, not just the answer.",
               tags: ["Educational", "Detailed"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773122444179-4c520417.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773122444179-4c520417.png?_wi=3",
               imageAlt: "Problem solving steps",
             },
           ]}
@@ -129,7 +129,7 @@ export default function ChatbotTutorPage() {
               name: "Sarah Johnson",
               handle: "@sarahj_studies",
               testimonial: "The AI tutor explained calculus concepts better than my textbook ever did. I finally understand derivatives and integrals!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773122443640-57452f9b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773122443640-57452f9b.png?_wi=2",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -137,7 +137,7 @@ export default function ChatbotTutorPage() {
               name: "Michael Chen",
               handle: "@mchen_learning",
               testimonial: "I can ask follow-up questions without feeling rushed. The AI tutor has infinite patience and explains until I truly understand.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773122444019-d376afec.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773122444019-d376afec.png?_wi=2",
               imageAlt: "Michael Chen",
             },
             {
@@ -145,7 +145,7 @@ export default function ChatbotTutorPage() {
               name: "Emily Rodriguez",
               handle: "@emily_r_studies",
               testimonial: "Available 24/7 when I need help with homework? Yes please! This has been a game-changer for my academic success.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773122444296-9efcf40e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773122444296-9efcf40e.png?_wi=2",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -153,7 +153,7 @@ export default function ChatbotTutorPage() {
               name: "David Kim",
               handle: "@davidkim_edu",
               testimonial: "The AI adapts to how I learn. Each explanation builds on what I already know, making learning more efficient.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444638-6f6fb536.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444638-6f6fb536.png?_wi=2",
               imageAlt: "David Kim",
             },
             {
@@ -161,7 +161,7 @@ export default function ChatbotTutorPage() {
               name: "Jessica Martinez",
               handle: "@jess_learning",
               testimonial: "I've improved my grades significantly. The tutor doesn't just answer questions - it teaches me how to think through problems.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773122443089-ac8184ab.png?_wi=2",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -169,7 +169,7 @@ export default function ChatbotTutorPage() {
               name: "Alex Thompson",
               handle: "@alexthompson_ai",
               testimonial: "Best learning investment I've made. The AI tutor has helped me master subjects I previously struggled with.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444243-0de0c03e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773122444243-0de0c03e.png?_wi=2",
               imageAlt: "Alex Thompson",
             },
           ]}
diff --git a/src/app/tools/notes-summarizer/page.tsx b/src/app/tools/notes-summarizer/page.tsx
index cd9b8e8..d7b3ba1 100644
--- a/src/app/tools/notes-summarizer/page.tsx
+++ b/src/app/tools/notes-summarizer/page.tsx
@@ -48,7 +48,7 @@ export default function NotesSummarizerPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "floatingGradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773122444803-4c59dbf5.png?_wi=4"
           imageAlt="AI Notes Summarizer Interface"
           buttons={[
             {
@@ -79,7 +79,7 @@ export default function NotesSummarizerPage() {
               author: "Step 1",
               description: "Upload your study notes in PDF, Word, or text format. Our system accepts documents of any length, from quick class notes to entire textbooks.",
               tags: ["Upload", "Document"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773122444179-4c520417.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773122444179-4c520417.png?_wi=2",
               imageAlt: "Upload notes interface",
             },
             {
@@ -88,7 +88,7 @@ export default function NotesSummarizerPage() {
               author: "Step 2",
               description: "Our advanced AI engine analyzes content structure, extracts key concepts, identifies important themes, and understands relationships between ideas.",
               tags: ["Analysis", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773122444348-62ddd3c7.jpg",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773122444348-62ddd3c7.jpg?_wi=2",
               imageAlt: "AI processing content",
             },
             {
@@ -97,7 +97,7 @@ export default function NotesSummarizerPage() {
               author: "Step 3",
               description: "Receive instant summaries in multiple formats. Choose between quick summaries for fast review or detailed summaries that maintain depth and nuance.",
               tags: ["Results", "Personalized"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773122444733-e9a1d035.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773122444733-e9a1d035.png?_wi=2",
               imageAlt: "Results display",
             },
           ]}
@@ -121,7 +121,7 @@ export default function NotesSummarizerPage() {
               author: "Benefit",
               description: "Condense days of reading into minutes. Get the essential information without wading through verbose explanations and unnecessary details.",
               tags: ["Efficiency", "Time-Saving"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=5",
               imageAlt: "Time saving illustration",
             },
             {
@@ -130,7 +130,7 @@ export default function NotesSummarizerPage() {
               author: "Benefit",
               description: "Condensed, well-organized summaries make it easier to understand and retain key concepts. Better comprehension leads to stronger academic performance.",
               tags: ["Learning", "Retention"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773122444595-b28534af.png?_wi=4",
               imageAlt: "Retention improvement",
             },
             {
@@ -139,7 +139,7 @@ export default function NotesSummarizerPage() {
               author: "Benefit",
               description: "Use summaries as quick reference guides during exam prep. Combine with our quiz generator for comprehensive exam readiness with less stress.",
               tags: ["Exams", "Preparation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png?_wi=4",
               imageAlt: "Exam preparation",
             },
           ]}
diff --git a/src/app/tools/quiz-generator/page.tsx b/src/app/tools/quiz-generator/page.tsx
index 06e2f46..584b7a5 100644
--- a/src/app/tools/quiz-generator/page.tsx
+++ b/src/app/tools/quiz-generator/page.tsx
@@ -48,7 +48,7 @@ export default function QuizGeneratorPage() {
           tagIcon={undefined}
           tagAnimation="slide-up"
           background={{ variant: "animated-grid" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773122444368-8dbe11f1.png?_wi=4"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             {
@@ -78,7 +78,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Upload any study material and instantly generate comprehensive multiple-choice quizzes tailored to your content.",
               tags: ["Generation", "Automatic"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773122444868-1c1cd5b8.png?_wi=5",
               imageAlt: "Quiz generation interface",
             },
             {
@@ -87,7 +87,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Get instant scores, detailed explanations, and identify knowledge gaps with comprehensive feedback on every question.",
               tags: ["Scoring", "Feedback"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=6",
               imageAlt: "Quiz scoring dashboard",
             },
             {
@@ -96,7 +96,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Choose from multiple question formats including multiple-choice, true/false, and short-answer options matched to your learning style.",
               tags: ["Customizable", "Diverse"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773122443489-fac88ae8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773122443489-fac88ae8.png?_wi=2",
               imageAlt: "Question format options",
             },
           ]}
diff --git a/src/app/tools/study-planner/page.tsx b/src/app/tools/study-planner/page.tsx
index 9b7c393..1d161db 100644
--- a/src/app/tools/study-planner/page.tsx
+++ b/src/app/tools/study-planner/page.tsx
@@ -71,7 +71,7 @@ export default function StudyPlannerPage() {
               author: "Feature",
               description: "Our AI creates personalized study schedules based on your subjects, deadlines, and learning pace. Automatically optimizes your study sessions for maximum retention.",
               tags: ["Scheduling", "AI-Powered"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=8",
               imageAlt: "Study planner interface with calendar",
             },
             {
@@ -80,7 +80,7 @@ export default function StudyPlannerPage() {
               author: "Feature",
               description: "Set academic goals and track your progress in real-time. Receive detailed analytics showing your study habits, peak performance times, and areas for improvement.",
               tags: ["Analytics", "Progress"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773122444693-26dd5ef5.png?_wi=7",
               imageAlt: "Progress tracking dashboard",
             },
             {
@@ -89,7 +89,7 @@ export default function StudyPlannerPage() {
               author: "Feature",
               description: "Allocate study time efficiently with intelligent recommendations. The planner considers your learning speed, subject difficulty, and exam dates to create balanced schedules.",
               tags: ["Time Management", "Optimization"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773122444775-5d666fbf.png?_wi=9",
               imageAlt: "Time management planning tool",
             },
           ]}