diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 478ba60..d262551 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -45,7 +45,7 @@ export default function AboutPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "floatingGradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121465569-9efd0d0f.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121465569-9efd0d0f.png?_wi=1"
           imageAlt="Team collaboration and learning"
           buttons={[
             {
@@ -75,7 +75,7 @@ export default function AboutPage() {
               author: "Core Purpose",
               description: "To empower students and educators with AI-driven tools that transform the learning experience, making education more efficient, personalized, and accessible to everyone.",
               tags: ["Mission", "Vision"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png?_wi=2",
               imageAlt: "AI-powered learning mission",
             },
             {
@@ -84,7 +84,7 @@ export default function AboutPage() {
               author: "Value",
               description: "We maintain the highest standards in AI technology and user experience. Continuous improvement and cutting-edge innovation drive everything we do to serve our users better.",
               tags: ["Excellence", "Innovation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=3",
               imageAlt: "Excellence and innovation",
             },
             {
@@ -93,7 +93,7 @@ export default function AboutPage() {
               author: "Value",
               description: "Quality education tools should be affordable and available to all students, regardless of background or circumstances. We're committed to removing barriers to quality learning.",
               tags: ["Accessibility", "Equity"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=3",
               imageAlt: "Accessible education for everyone",
             },
           ]}
@@ -116,7 +116,7 @@ export default function AboutPage() {
               author: "Learners",
               description: "Access AI-powered tools to study smarter, improve your grades, and unlock your full potential. Get personalized support from our intelligent tutoring system available 24/7.",
               tags: ["Students", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=3",
               imageAlt: "Student learning tools",
             },
             {
@@ -125,7 +125,7 @@ export default function AboutPage() {
               author: "Teachers",
               description: "Enhance your teaching with AI-generated study materials, quizzes, and analytics. Save time on administrative tasks and focus more on student engagement and success.",
               tags: ["Educators", "Teaching"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=3",
               imageAlt: "Educator tools",
             },
             {
@@ -134,7 +134,7 @@ export default function AboutPage() {
               author: "Organizations",
               description: "Deploy AI Study Assistant across your school or university to improve learning outcomes, track student progress, and provide data-driven insights to your institution.",
               tags: ["Institutions", "Enterprise"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=3",
               imageAlt: "Institutional solutions",
             },
           ]}
diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index 52b9199..566d49d 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -137,7 +137,7 @@ export default function LoginPage() {
               author: "Security",
               description: "Your account is protected with industry-standard encryption. We use secure authentication protocols to keep your data safe.",
               tags: ["Security", "Privacy"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png?_wi=4",
               imageAlt: "Secure login interface",
             },
             {
@@ -146,7 +146,7 @@ export default function LoginPage() {
               author: "Feature",
               description: "Access your study materials on any device. Your progress, notes, and settings sync seamlessly across desktop, tablet, and mobile.",
               tags: ["Sync", "Cross-Platform"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=7",
               imageAlt: "Multi-device synchronization",
             },
             {
@@ -155,7 +155,7 @@ export default function LoginPage() {
               author: "Support",
               description: "Forgot your password? We offer multiple recovery methods including email verification and security questions for quick account access.",
               tags: ["Support", "Recovery"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=8",
               imageAlt: "Account recovery options",
             },
           ]}
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index 44b4329..9af2598 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -44,7 +44,7 @@ export default function SignupPage() {
           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-1773121464734-6516556b.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png?_wi=5"
           imageAlt="AI Study Assistant Platform"
           buttons={[
             { text: "Sign Up Now", onClick: () => console.log("Sign up clicked") },
@@ -69,7 +69,7 @@ export default function SignupPage() {
               author: "Benefit",
               description: "Get immediate access to note summarizer, quiz generator, AI tutor, and study planner. No waiting, no limitations.",
               tags: ["Immediate", "Complete Access"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png?_wi=6",
               imageAlt: "Instant tool access",
             },
             {
@@ -78,7 +78,7 @@ export default function SignupPage() {
               author: "Benefit",
               description: "Your AI learns from your study patterns and adapts to your unique learning style. Better results with every session.",
               tags: ["Adaptive", "Personal"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=9",
               imageAlt: "Personalized learning",
             },
             {
@@ -87,7 +87,7 @@ export default function SignupPage() {
               author: "Benefit",
               description: "Monitor your improvement with detailed analytics. Watch your grades improve and stay motivated with achievement milestones.",
               tags: ["Analytics", "Motivation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=8",
               imageAlt: "Progress tracking",
             },
           ]}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index f238a97..20d1554 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -45,7 +45,7 @@ export default function ContactPage() {
           tagIcon={Mail}
           tagAnimation="slide-up"
           background={{ variant: "floatingGradient" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121465569-9efd0d0f.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121465569-9efd0d0f.png?_wi=2"
           imageAlt="Contact support team"
           buttons={[
             {
@@ -75,7 +75,7 @@ export default function ContactPage() {
               author: "Primary Channel",
               description: "Send us an email at support@aistudyassistant.com. We typically respond within 24 hours with answers to your questions or solutions to your issues.",
               tags: ["Email", "Support"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121464319-1804c04e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121464319-1804c04e.png?_wi=2",
               imageAlt: "Email support",
             },
             {
@@ -84,7 +84,7 @@ export default function ContactPage() {
               author: "Instant Help",
               description: "Chat with our support team in real-time. Available during business hours to answer questions, troubleshoot issues, and provide immediate assistance.",
               tags: ["Chat", "Live"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=4",
               imageAlt: "Live chat support",
             },
             {
@@ -93,7 +93,7 @@ export default function ContactPage() {
               author: "Self-Service",
               description: "Browse our comprehensive documentation and tutorials. Find answers to common questions, learn best practices, and explore advanced features at your own pace.",
               tags: ["Documentation", "FAQ"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=4",
               imageAlt: "Help center resources",
             },
           ]}
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index d132fc3..5610389 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -47,7 +47,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-1773121464734-6516556b.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png?_wi=3"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             {
@@ -121,7 +121,7 @@ export default function DashboardPage() {
               author: "In Progress",
               description: "Summarizing your Biology Chapter 5 notes. 3 summaries generated. Resume where you left off.",
               tags: ["Biology", "Active"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=5",
               imageAlt: "Notes summarizer session",
             },
             {
@@ -130,7 +130,7 @@ export default function DashboardPage() {
               author: "Ready",
               description: "Your History Quiz is ready. 15 questions generated from your recent notes. Start practicing now.",
               tags: ["History", "Ready"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=4",
               imageAlt: "Quiz practice set",
             },
             {
@@ -139,7 +139,7 @@ export default function DashboardPage() {
               author: "Available",
               description: "Your AI tutor is ready to answer your questions. Ask about any topic you're struggling with.",
               tags: ["Support", "24/7"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=5",
               imageAlt: "AI tutor session",
             },
           ]}
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 2e0ddc9..32f5e83 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -49,7 +49,7 @@ export default function FeaturesPage() {
               author: "Core Feature",
               description: "Convert lengthy notes into clear, concise summaries. Generate both short summaries for quick review and detailed ones for deeper understanding. Our AI preserves key concepts and relationships while reducing content by up to 80%.",
               tags: ["Summarization", "Notes", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=2",
               imageAlt: "Notes summarization feature",
             },
             {
@@ -58,7 +58,7 @@ export default function FeaturesPage() {
               author: "Core Feature",
               description: "Automatically generate multiple-choice quizzes from your study material. Get instant scoring, detailed feedback, and identify weak areas. Customize difficulty levels and question types to match your learning goals.",
               tags: ["Assessment", "Interactive", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=2",
               imageAlt: "Quiz generation feature",
             },
             {
@@ -67,7 +67,7 @@ export default function FeaturesPage() {
               author: "Core Feature",
               description: "Ask any study question and get comprehensive explanations. Our AI tutor adapts to your learning style and provides personalized guidance. Get step-by-step solutions and conceptual explanations whenever you need them.",
               tags: ["Support", "Learning", "Personalized"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=2",
               imageAlt: "AI tutor feature",
             },
           ]}
@@ -91,7 +91,7 @@ export default function FeaturesPage() {
               author: "Advanced Feature",
               description: "Monitor your learning journey with detailed analytics. Track quiz performance, study hours, and identify improvement areas. Visualize your progress with interactive charts and performance benchmarks.",
               tags: ["Analytics", "Tracking", "Data"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=2",
               imageAlt: "Progress tracking dashboard",
             },
             {
@@ -100,7 +100,7 @@ export default function FeaturesPage() {
               author: "Advanced Feature",
               description: "Create optimized study schedules based on your learning pace and goals. Get AI-powered recommendations for study sessions, break intervals, and content review timing.",
               tags: ["Planning", "Schedule", "Optimization"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=2",
               imageAlt: "Study planner interface",
             },
             {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 26935ce..38294ec 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 f8b1853..31ac866 100644
--- a/src/app/my-notes/page.tsx
+++ b/src/app/my-notes/page.tsx
@@ -49,7 +49,7 @@ export default function MyNotesPage() {
               author: "Last edited 2 hours ago",
               description: "Comprehensive notes on cellular components, functions, and interactions. AI-generated summary available with 85% content compression.",
               tags: ["Biology", "Chapter 5", "Summary Available"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=8",
               imageAlt: "Biology notes with AI summary",
             },
             {
@@ -58,7 +58,7 @@ export default function MyNotesPage() {
               author: "Last edited 1 day ago",
               description: "Research notes and thesis outline. Generated quiz contains 12 questions. Study guide ready for revision.",
               tags: ["History", "Essay", "Quiz Generated"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=6",
               imageAlt: "History essay notes",
             },
             {
@@ -67,7 +67,7 @@ export default function MyNotesPage() {
               author: "Last edited 3 days ago",
               description: "Problem-solving notes with worked examples. AI tutor trained on this content for Q&A support.",
               tags: ["Mathematics", "Calculus", "Tutor Ready"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=8",
               imageAlt: "Math calculus notes",
             },
           ]}
@@ -98,7 +98,7 @@ export default function MyNotesPage() {
               name: "Generate Summary",
               price: "Free",
               variant: "Automatic key point extraction",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=9",
               imageAlt: "Summary generation tool",
             },
             {
@@ -106,7 +106,7 @@ export default function MyNotesPage() {
               name: "Create Quiz",
               price: "Free",
               variant: "Auto-generated practice questions",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=7",
               imageAlt: "Quiz creation tool",
             },
             {
@@ -114,7 +114,7 @@ export default function MyNotesPage() {
               name: "Ask AI Tutor",
               price: "Free",
               variant: "Get answers to your questions",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=9",
               imageAlt: "AI tutor tool",
             },
             {
@@ -122,7 +122,7 @@ export default function MyNotesPage() {
               name: "Export & Share",
               price: "Free",
               variant: "Share with classmates",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=5",
               imageAlt: "Export and sharing tool",
             },
           ]}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c8090d2..707d894 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -49,7 +49,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-1773121464734-6516556b.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121464734-6516556b.png?_wi=1"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             {
@@ -79,7 +79,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--1773121464299-e59cd1ca.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121464299-e59cd1ca.png?_wi=1",
               imageAlt: "Upload notes interface",
             },
             {
@@ -88,7 +88,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-1773121466149-d6e86d8d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121466149-d6e86d8d.png?_wi=1",
               imageAlt: "AI processing content",
             },
             {
@@ -97,7 +97,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-1773121464492-5278e0d9.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121464492-5278e0d9.png?_wi=1",
               imageAlt: "Results display",
             },
           ]}
@@ -122,7 +122,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-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=1",
               imageAlt: "AI Notes Summarizer Tool",
             },
             {
@@ -130,7 +130,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-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=1",
               imageAlt: "AI Quiz Generator Tool",
             },
             {
@@ -138,7 +138,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-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=1",
               imageAlt: "AI Chatbot Tutor Tool",
             },
             {
@@ -146,7 +146,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-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=1",
               imageAlt: "Study Planner Tool",
             },
           ]}
@@ -185,7 +185,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-1773121464753-288c9b55.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121464753-288c9b55.png?_wi=1",
               imageAlt: "Quiz generation feature",
             },
             {
@@ -194,7 +194,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-1773121464319-1804c04e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121464319-1804c04e.png?_wi=1",
               imageAlt: "AI tutor feature",
             },
             {
@@ -203,7 +203,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-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=1",
               imageAlt: "Progress tracking dashboard",
             },
           ]}
@@ -229,7 +229,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-1773121463675-05dadbcb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773121463675-05dadbcb.png?_wi=1",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -237,7 +237,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-1773121464159-26be22cd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773121464159-26be22cd.png?_wi=1",
               imageAlt: "Michael Chen",
             },
             {
@@ -245,7 +245,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-1773121463776-48090717.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773121463776-48090717.png?_wi=1",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -253,7 +253,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-1773121464590-f0cee06b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121464590-f0cee06b.png?_wi=1",
               imageAlt: "David Kim",
             },
             {
@@ -261,7 +261,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-1773121463659-461e1f41.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773121463659-461e1f41.png?_wi=1",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -269,7 +269,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-1773121464187-359be0c4.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121464187-359be0c4.png?_wi=1",
               imageAlt: "Alex Thompson",
             },
           ]}
diff --git a/src/app/progress-analytics/page.tsx b/src/app/progress-analytics/page.tsx
index 4f2745b..60d7770 100644
--- a/src/app/progress-analytics/page.tsx
+++ b/src/app/progress-analytics/page.tsx
@@ -71,7 +71,7 @@ export default function ProgressAnalyticsPage() {
               author: "Analytics",
               description: "Detailed breakdown of your quiz performance across different subjects. See which topics need more focus and track improvement trends.",
               tags: ["Assessment", "Analytics"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=6",
               imageAlt: "Quiz performance analytics dashboard",
             },
             {
@@ -80,7 +80,7 @@ export default function ProgressAnalyticsPage() {
               author: "Analytics",
               description: "Monitor your study sessions, identify productive hours, and optimize your learning schedule. Track study habits over days, weeks, and months.",
               tags: ["Time Management", "Insights"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=6",
               imageAlt: "Study time tracking visualization",
             },
             {
@@ -89,7 +89,7 @@ export default function ProgressAnalyticsPage() {
               author: "Analytics",
               description: "AI-powered suggestions for areas requiring additional study. Get actionable insights to focus your learning efforts where they matter most.",
               tags: ["Personalization", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=7",
               imageAlt: "Personalized learning recommendations",
             },
           ]}
diff --git a/src/app/tools/chatbot-tutor/page.tsx b/src/app/tools/chatbot-tutor/page.tsx
index f8af6f1..cc7416b 100644
--- a/src/app/tools/chatbot-tutor/page.tsx
+++ b/src/app/tools/chatbot-tutor/page.tsx
@@ -70,7 +70,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "The AI tutor adapts to your learning pace and style. It remembers your previous questions and tailors explanations to your knowledge level.",
               tags: ["Personalization", "Adaptive"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=7",
               imageAlt: "Personalized learning",
             },
             {
@@ -79,7 +79,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "No more waiting for a tutor. Ask any study question and get detailed explanations within seconds, complete with examples and clarifications.",
               tags: ["Support", "Instant"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=7",
               imageAlt: "Instant answers",
             },
             {
@@ -88,7 +88,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "Whether you're studying mathematics, science, history, languages, or any other subject, our AI tutor is equipped to help across all disciplines.",
               tags: ["Versatile", "All Subjects"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121465940-b91a6297.png?_wi=4",
               imageAlt: "Multi-subject support",
             },
             {
@@ -97,7 +97,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "The tutor provides links to relevant resources, practice problems, and supplementary materials to deepen your understanding of complex topics.",
               tags: ["Resources", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=5",
               imageAlt: "Learning resources",
             },
           ]}
@@ -122,7 +122,7 @@ export default function ChatbotTutorPage() {
               name: "Sarah Johnson",
               handle: "@sarahj_studies",
               testimonial: "The AI tutor is like having a private tutor available 24/7. I can ask questions at 2 AM and get detailed explanations. My grades have improved significantly!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773121463675-05dadbcb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773121463675-05dadbcb.png?_wi=2",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -130,7 +130,7 @@ export default function ChatbotTutorPage() {
               name: "Michael Chen",
               handle: "@mchen_learning",
               testimonial: "Finally, a tutor that explains things in a way I understand. The AI breaks down complex concepts into simple terms. Highly recommended!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773121464159-26be22cd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773121464159-26be22cd.png?_wi=2",
               imageAlt: "Michael Chen",
             },
             {
@@ -138,7 +138,7 @@ export default function ChatbotTutorPage() {
               name: "Emily Rodriguez",
               handle: "@emily_r_studies",
               testimonial: "I used the AI tutor for calculus and it was a game changer. The step-by-step explanations helped me finally understand derivatives.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773121463776-48090717.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773121463776-48090717.png?_wi=2",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -146,7 +146,7 @@ export default function ChatbotTutorPage() {
               name: "David Kim",
               handle: "@davidkim_edu",
               testimonial: "As a teacher, I recommend this to my students. It complements classroom learning perfectly. Students are more confident asking questions here.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121464590-f0cee06b.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121464590-f0cee06b.png?_wi=2",
               imageAlt: "David Kim",
             },
             {
@@ -154,7 +154,7 @@ export default function ChatbotTutorPage() {
               name: "Jessica Martinez",
               handle: "@jess_learning",
               testimonial: "The tutor helped me prepare for my exams. I could ask practice questions and get instant feedback. I scored 30% higher than last semester!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773121463659-461e1f41.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773121463659-461e1f41.png?_wi=2",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -162,7 +162,7 @@ export default function ChatbotTutorPage() {
               name: "Alex Thompson",
               handle: "@alexthompson_ai",
               testimonial: "Learning languages is now so much easier. The AI tutor corrects my grammar and provides explanations in real-time. Best investment for my education!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121464187-359be0c4.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121464187-359be0c4.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 4a7240a..dbc0ebd 100644
--- a/src/app/tools/notes-summarizer/page.tsx
+++ b/src/app/tools/notes-summarizer/page.tsx
@@ -46,7 +46,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-1773121464853-3e5eec53.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121464853-3e5eec53.png?_wi=6"
           imageAlt="AI Notes Summarizer"
           buttons={[
             {
@@ -77,7 +77,7 @@ export default function NotesSummarizerPage() {
               author: "Step 1",
               description: "Upload PDF files, Word documents, or paste your notes directly. Our AI accepts multiple formats and document lengths.",
               tags: ["Upload", "Document"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121464299-e59cd1ca.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121464299-e59cd1ca.png?_wi=2",
               imageAlt: "Upload documents step",
             },
             {
@@ -86,7 +86,7 @@ export default function NotesSummarizerPage() {
               author: "Step 2",
               description: "Choose between quick summary for fast review or detailed summary for comprehensive understanding. Select your preferred format.",
               tags: ["Format", "Customize"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121466149-d6e86d8d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121466149-d6e86d8d.png?_wi=2",
               imageAlt: "Select format step",
             },
             {
@@ -95,7 +95,7 @@ export default function NotesSummarizerPage() {
               author: "Step 3",
               description: "Receive your polished summary with key points highlighted. Edit, save, or generate additional formats from the same notes.",
               tags: ["Results", "Instant"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121464492-5278e0d9.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121464492-5278e0d9.png?_wi=2",
               imageAlt: "Results display step",
             },
           ]}
diff --git a/src/app/tools/quiz-generator/page.tsx b/src/app/tools/quiz-generator/page.tsx
index 6944241..41e89ae 100644
--- a/src/app/tools/quiz-generator/page.tsx
+++ b/src/app/tools/quiz-generator/page.tsx
@@ -72,7 +72,7 @@ export default function QuizGeneratorPage() {
               name: "Multiple Choice Questions",
               price: "Included",
               variant: "AI-generated questions with 4 options",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121464753-288c9b55.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121464753-288c9b55.png?_wi=2",
               imageAlt: "Multiple choice questions",
             },
             {
@@ -80,7 +80,7 @@ export default function QuizGeneratorPage() {
               name: "Instant Scoring",
               price: "Included",
               variant: "Real-time feedback on your answers",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121465961-539db805.png?_wi=5",
               imageAlt: "Instant scoring system",
             },
             {
@@ -88,7 +88,7 @@ export default function QuizGeneratorPage() {
               name: "Performance Analytics",
               price: "Included",
               variant: "Track your quiz results over time",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121465532-8235abcd.png?_wi=4",
               imageAlt: "Performance analytics",
             },
             {
@@ -96,7 +96,7 @@ export default function QuizGeneratorPage() {
               name: "Detailed Explanations",
               price: "Included",
               variant: "Learn from each question with AI explanations",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121464675-aaa08b00.png?_wi=6",
               imageAlt: "Detailed explanations",
             },
           ]}
@@ -124,7 +124,7 @@ export default function QuizGeneratorPage() {
               author: "Step 1",
               description: "Upload your notes, textbooks, or study guides in PDF or text format. The AI analyzes your content to understand key concepts.",
               tags: ["Upload", "Analysis"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121464299-e59cd1ca.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121464299-e59cd1ca.png?_wi=3",
               imageAlt: "Upload study material",
             },
             {
@@ -133,7 +133,7 @@ export default function QuizGeneratorPage() {
               author: "Step 2",
               description: "Our AI creates relevant multiple-choice questions based on your material. Questions test comprehension, application, and critical thinking.",
               tags: ["Generation", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121466149-d6e86d8d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121466149-d6e86d8d.png?_wi=3",
               imageAlt: "AI generates questions",
             },
             {
@@ -142,7 +142,7 @@ export default function QuizGeneratorPage() {
               author: "Step 3",
               description: "Take your quiz and receive instant scoring. Get detailed explanations for each question to reinforce your learning.",
               tags: ["Feedback", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121464492-5278e0d9.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121464492-5278e0d9.png?_wi=3",
               imageAlt: "Quiz feedback and results",
             },
           ]}