diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f7f0bb3..1160b9e 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--1773121974907-79b5078c.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121974907-79b5078c.png?_wi=1"
           imageAlt="Team collaboration and learning"
           buttons={[
             {
@@ -76,7 +76,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: ["Education", "Innovation"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png?_wi=2",
               imageAlt: "AI-powered learning platform",
             },
             {
@@ -85,7 +85,7 @@ export default function AboutPage() {
               author: "What We Stand For",
               description: "Excellence in technology, accessibility for all students, continuous innovation in AI and learning science, and an unwavering commitment to student success and educational outcomes.",
               tags: ["Values", "Ethics"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121974907-79b5078c.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/team-collaboration-illustration-showing--1773121974907-79b5078c.png?_wi=2",
               imageAlt: "Team collaboration and values",
             },
             {
@@ -94,7 +94,7 @@ export default function AboutPage() {
               author: "Looking Forward",
               description: "A world where AI-powered learning tools are available to every student, regardless of background or resources, creating equal opportunities for academic success and personal growth.",
               tags: ["Vision", "Future"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=2",
               imageAlt: "Progress and future vision",
             },
           ]}
diff --git a/src/app/auth/login/page.tsx b/src/app/auth/login/page.tsx
index fd774bf..4a8bb45 100644
--- a/src/app/auth/login/page.tsx
+++ b/src/app/auth/login/page.tsx
@@ -118,7 +118,7 @@ export default function LoginPage() {
               author: "Security Feature",
               description: "All your study materials and personal data are encrypted with industry-standard AES-256 encryption, ensuring your privacy at every step.",
               tags: ["Encryption", "Privacy"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=11",
               imageAlt: "Encryption security",
             },
             {
@@ -127,7 +127,7 @@ export default function LoginPage() {
               author: "Security Feature",
               description: "Enable two-factor authentication to add an extra layer of security to your account. Choose between SMS, email, or authenticator app.",
               tags: ["2FA", "Protection"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=12",
               imageAlt: "Two-factor authentication",
             },
             {
@@ -136,7 +136,7 @@ export default function LoginPage() {
               author: "Security Feature",
               description: "We conduct regular third-party security audits and penetration testing to ensure our platform meets the highest security standards.",
               tags: ["Compliance", "Audit"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=13",
               imageAlt: "Security audit process",
             },
           ]}
diff --git a/src/app/auth/signup/page.tsx b/src/app/auth/signup/page.tsx
index 9c0c6bc..6bcad83 100644
--- a/src/app/auth/signup/page.tsx
+++ b/src/app/auth/signup/page.tsx
@@ -47,7 +47,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-1773121974746-ca07efe3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png?_wi=6"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             { text: "Get Started Free", href: "/auth/signup" },
@@ -72,7 +72,7 @@ export default function SignUpPage() {
               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--1773121974540-ccc8a6fb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121974540-ccc8a6fb.png?_wi=4",
               imageAlt: "Upload notes interface",
             },
             {
@@ -81,7 +81,7 @@ export default function SignUpPage() {
               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-1773121974824-e2864e8e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121974824-e2864e8e.png?_wi=3",
               imageAlt: "AI processing content",
             },
             {
@@ -90,7 +90,7 @@ export default function SignUpPage() {
               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-1773121974864-7ecc17fa.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121974864-7ecc17fa.png?_wi=3",
               imageAlt: "Results display",
             },
           ]}
@@ -114,7 +114,7 @@ export default function SignUpPage() {
               author: "Feature",
               description: "Convert lengthy notes into clear, concise summaries. Generate both short summaries for quick review and detailed ones for deeper understanding.",
               tags: ["Summarization", "Notes"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-modern-icon-of-a-notebook-with-a-l-1773121974637-4eb620c8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-modern-icon-of-a-notebook-with-a-l-1773121974637-4eb620c8.png?_wi=3",
               imageAlt: "Notes summarization feature",
             },
             {
@@ -123,7 +123,7 @@ export default function SignUpPage() {
               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-1773121974603-d3c3a9b0.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121974603-d3c3a9b0.png?_wi=4",
               imageAlt: "Quiz generation feature",
             },
             {
@@ -132,7 +132,7 @@ export default function SignUpPage() {
               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-1773121973398-66e8f06d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121973398-66e8f06d.png?_wi=3",
               imageAlt: "AI tutor feature",
             },
             {
@@ -141,7 +141,7 @@ export default function SignUpPage() {
               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-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=14",
               imageAlt: "Progress tracking dashboard",
             },
           ]}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 554be8d..f9a2b9a 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -45,7 +45,7 @@ export default function ContactPage() {
           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-1773121974746-ca07efe3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png?_wi=3"
           imageAlt="Contact our support team"
           buttons={[
             {
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 34f2fcf..443b03d 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -42,7 +42,7 @@ export default function DashboardPage() {
           tagIcon={require("lucide-react").Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png?_wi=4"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             { text: "Start Studying", href: "/tools/notes-summarizer" },
@@ -67,7 +67,7 @@ export default function DashboardPage() {
               author: "AI Tool",
               description: "Upload your notes and get intelligent summaries tailored to your study needs. Perfect for quick review and concept mastery.",
               tags: ["Summarization", "Notes"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=3",
               imageAlt: "Notes Summarizer Tool",
             },
             {
@@ -76,7 +76,7 @@ export default function DashboardPage() {
               author: "AI Tool",
               description: "Generate practice quizzes from your study materials. Get instant scoring, detailed feedback, and identify areas for improvement.",
               tags: ["Assessment", "Practice"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=3",
               imageAlt: "Quiz Generator Tool",
             },
             {
@@ -85,7 +85,7 @@ export default function DashboardPage() {
               author: "AI Tool",
               description: "Get instant answers to your study questions. Our AI tutor provides detailed explanations adapted to your learning style.",
               tags: ["Support", "Learning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png?_wi=3",
               imageAlt: "AI Tutor Interface",
             },
           ]}
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 220218d..4f5086d 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -52,7 +52,7 @@ export default function FeaturesPage() {
               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-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=2",
               imageAlt: "AI Notes Summarizer Tool",
             },
             {
@@ -60,7 +60,7 @@ export default function FeaturesPage() {
               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-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=2",
               imageAlt: "AI Quiz Generator Tool",
             },
             {
@@ -68,7 +68,7 @@ export default function FeaturesPage() {
               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-1773121974790-7fb4b439.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png?_wi=2",
               imageAlt: "AI Chatbot Tutor Tool",
             },
             {
@@ -76,7 +76,7 @@ export default function FeaturesPage() {
               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-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=2",
               imageAlt: "Study Planner Tool",
             },
           ]}
@@ -100,7 +100,7 @@ export default function FeaturesPage() {
               author: "Deep Dive",
               description: "Our advanced AI analyzes lengthy notes and documents to extract key concepts, important themes, and critical information. Generate both quick summaries for rapid review and comprehensive summaries for detailed understanding. The AI learns from your feedback to continuously improve.",
               tags: ["Summarization", "Notes", "AI Analysis"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-modern-icon-of-a-notebook-with-a-l-1773121974637-4eb620c8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-modern-icon-of-a-notebook-with-a-l-1773121974637-4eb620c8.png?_wi=2",
               imageAlt: "Notes summarization feature",
             },
             {
@@ -109,7 +109,7 @@ export default function FeaturesPage() {
               author: "Deep Dive",
               description: "Automatically generate comprehensive multiple-choice quizzes from any study material. Get instant scoring with detailed feedback, identify weak areas, and receive personalized recommendations for improvement. Perfect for self-assessment and exam preparation.",
               tags: ["Assessment", "Interactive", "Scoring"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121974603-d3c3a9b0.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121974603-d3c3a9b0.png?_wi=2",
               imageAlt: "Quiz generation feature",
             },
             {
@@ -118,7 +118,7 @@ export default function FeaturesPage() {
               author: "Deep Dive",
               description: "Ask any study question and receive comprehensive, personalized explanations from our AI tutor. Available at any time of day, the tutor adapts to your learning style and provides context-aware guidance. Maintains conversation history for continuity and personalization.",
               tags: ["Support", "Learning", "Personalized"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121973398-66e8f06d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121973398-66e8f06d.png?_wi=2",
               imageAlt: "AI tutor feature",
             },
           ]}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index fd170da..76a2efe 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1434,6 +1434,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 6dd9874..a0dacec 100644
--- a/src/app/my-notes/page.tsx
+++ b/src/app/my-notes/page.tsx
@@ -50,7 +50,7 @@ export default function MyNotesPage() {
               name: "Notes Summarizer",
               price: "Included",
               variant: "Convert lengthy notes into concise, actionable summaries",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=7",
               imageAlt: "AI Notes Summarizer Tool",
             },
             {
@@ -58,7 +58,7 @@ export default function MyNotesPage() {
               name: "Quiz from Notes",
               price: "Included",
               variant: "Generate practice quizzes directly from your notes",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=7",
               imageAlt: "Quiz Generator from Notes",
             },
             {
@@ -66,7 +66,7 @@ export default function MyNotesPage() {
               name: "Ask AI Tutor",
               price: "Included",
               variant: "Ask questions about your notes and get instant explanations",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png?_wi=6",
               imageAlt: "AI Tutor for Notes",
             },
             {
@@ -74,7 +74,7 @@ export default function MyNotesPage() {
               name: "Study Analytics",
               price: "Included",
               variant: "Track your note review progress and comprehension levels",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=7",
               imageAlt: "Study Analytics Dashboard",
             },
           ]}
@@ -103,7 +103,7 @@ export default function MyNotesPage() {
               author: "Feature",
               description: "Automatically organize notes by subject, topic, and importance. Tag notes for quick filtering and search across all your study materials.",
               tags: ["Organization", "Search"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=8",
               imageAlt: "Smart Note Organization",
             },
             {
@@ -112,7 +112,7 @@ export default function MyNotesPage() {
               author: "Feature",
               description: "Share notes with classmates, create group study sessions, and leverage collective knowledge. Comment and discuss key concepts together.",
               tags: ["Collaboration", "Sharing"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=8",
               imageAlt: "Collaborative Study Features",
             },
             {
@@ -121,7 +121,7 @@ export default function MyNotesPage() {
               author: "Feature",
               description: "Upload notes as PDF, images, text files, or handwritten scans. AI automatically extracts and processes content regardless of format.",
               tags: ["Upload", "Flexibility"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121974540-ccc8a6fb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121974540-ccc8a6fb.png?_wi=3",
               imageAlt: "Multi-Format Upload Support",
             },
           ]}
@@ -151,7 +151,7 @@ export default function MyNotesPage() {
               name: "Sarah Johnson",
               handle: "@sarahj_studies",
               testimonial: "The note summarizer saves me hours every week! I can focus on understanding concepts rather than rewriting notes.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773121973865-258e87f6.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773121973865-258e87f6.png?_wi=2",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -159,7 +159,7 @@ export default function MyNotesPage() {
               name: "Michael Chen",
               handle: "@mchen_learning",
               testimonial: "Generating quizzes from my notes is brilliant. I feel much more confident going into exams now.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773121973952-f7a2ed28.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773121973952-f7a2ed28.png?_wi=2",
               imageAlt: "Michael Chen",
             },
             {
@@ -167,7 +167,7 @@ export default function MyNotesPage() {
               name: "Emily Rodriguez",
               handle: "@emily_r_studies",
               testimonial: "The AI tutor answers my questions about difficult concepts so clearly. My grades have improved significantly!",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773121974926-22241851.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773121974926-22241851.png?_wi=2",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -175,7 +175,7 @@ export default function MyNotesPage() {
               name: "David Kim",
               handle: "@davidkim_edu",
               testimonial: "Using AI Study Assistant has revolutionized how I teach. My students are more engaged and productive than ever.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121973847-9f050066.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121973847-9f050066.png?_wi=2",
               imageAlt: "David Kim",
             },
             {
@@ -183,7 +183,7 @@ export default function MyNotesPage() {
               name: "Jessica Martinez",
               handle: "@jess_learning",
               testimonial: "Organizing all my notes used to be overwhelming. The smart organization feature has been a game-changer.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773121973773-2818ed96.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773121973773-2818ed96.png?_wi=2",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -191,7 +191,7 @@ export default function MyNotesPage() {
               name: "Alex Thompson",
               handle: "@alexthompson_ai",
               testimonial: "An absolute must-have for any serious student. The combination of tools is unmatched for academic success.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121973481-2ef78891.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121973481-2ef78891.png?_wi=2",
               imageAlt: "Alex Thompson",
             },
           ]}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c0e2d5..1c93dbf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -50,7 +50,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-1773121974746-ca07efe3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png?_wi=1"
           imageAlt="AI Study Assistant Dashboard"
           buttons={[
             {
@@ -81,7 +81,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--1773121974540-ccc8a6fb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121974540-ccc8a6fb.png?_wi=1",
               imageAlt: "Upload notes interface",
             },
             {
@@ -90,7 +90,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-1773121974824-e2864e8e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121974824-e2864e8e.png?_wi=1",
               imageAlt: "AI processing content",
             },
             {
@@ -99,7 +99,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-1773121974864-7ecc17fa.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121974864-7ecc17fa.png?_wi=1",
               imageAlt: "Results display",
             },
           ]}
@@ -124,7 +124,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-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=1",
               imageAlt: "AI Notes Summarizer Tool",
             },
             {
@@ -132,7 +132,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-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=1",
               imageAlt: "AI Quiz Generator Tool",
             },
             {
@@ -140,7 +140,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-1773121974790-7fb4b439.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png?_wi=1",
               imageAlt: "AI Chatbot Tutor Tool",
             },
             {
@@ -148,7 +148,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-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=1",
               imageAlt: "Study Planner Tool",
             },
           ]}
@@ -178,7 +178,7 @@ export default function HomePage() {
               author: "Feature",
               description: "Convert lengthy notes into clear, concise summaries. Generate both short summaries for quick review and detailed ones for deeper understanding.",
               tags: ["Summarization", "Notes"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-modern-icon-of-a-notebook-with-a-l-1773121974637-4eb620c8.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-modern-icon-of-a-notebook-with-a-l-1773121974637-4eb620c8.png?_wi=1",
               imageAlt: "Notes summarization feature",
             },
             {
@@ -187,7 +187,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-1773121974603-d3c3a9b0.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121974603-d3c3a9b0.png?_wi=1",
               imageAlt: "Quiz generation feature",
             },
             {
@@ -196,7 +196,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-1773121973398-66e8f06d.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/clean-icon-of-a-chat-bubble-with-a-brain-1773121973398-66e8f06d.png?_wi=1",
               imageAlt: "AI tutor feature",
             },
             {
@@ -205,7 +205,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-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=1",
               imageAlt: "Progress tracking dashboard",
             },
           ]}
@@ -231,7 +231,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-1773121973865-258e87f6.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-college-stude-1773121973865-258e87f6.png?_wi=1",
               imageAlt: "Sarah Johnson",
             },
             {
@@ -239,7 +239,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-1773121973952-f7a2ed28.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-graduate-stud-1773121973952-f7a2ed28.png?_wi=1",
               imageAlt: "Michael Chen",
             },
             {
@@ -247,7 +247,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-1773121974926-22241851.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-high-school-s-1773121974926-22241851.png?_wi=1",
               imageAlt: "Emily Rodriguez",
             },
             {
@@ -255,7 +255,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-1773121973847-9f050066.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121973847-9f050066.png?_wi=1",
               imageAlt: "David Kim",
             },
             {
@@ -263,7 +263,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-1773121973773-2818ed96.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-student-clean-1773121973773-2818ed96.png?_wi=1",
               imageAlt: "Jessica Martinez",
             },
             {
@@ -271,7 +271,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-1773121973481-2ef78891.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/professional-headshot-of-a-university-st-1773121973481-2ef78891.png?_wi=1",
               imageAlt: "Alex Thompson",
             },
           ]}
diff --git a/src/app/progress-analytics/page.tsx b/src/app/progress-analytics/page.tsx
index 4ddf63f..8b1c2bf 100644
--- a/src/app/progress-analytics/page.tsx
+++ b/src/app/progress-analytics/page.tsx
@@ -92,7 +92,7 @@ export default function ProgressAnalyticsPage() {
               author: "Mathematics",
               description: "Your strongest subject with 92% average score across all quizzes. Continue focusing on advanced topics.",
               tags: ["Strength", "Subject"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=9",
               imageAlt: "Mathematics performance analytics",
             },
             {
@@ -101,7 +101,7 @@ export default function ProgressAnalyticsPage() {
               author: "Literature",
               description: "Literature quizzes show 71% average. Consider increasing study time and using the AI tutor for concept clarification.",
               tags: ["Development", "Subject"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=10",
               imageAlt: "Literature improvement suggestions",
             },
             {
@@ -110,7 +110,7 @@ export default function ProgressAnalyticsPage() {
               author: "AI Advisor",
               description: "Based on your learning patterns, we recommend 3-4 study sessions per week with 90-minute focused blocks for optimal retention.",
               tags: ["Recommendation", "Planning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=7",
               imageAlt: "Study schedule recommendations",
             },
           ]}
diff --git a/src/app/tools/chatbot-tutor/page.tsx b/src/app/tools/chatbot-tutor/page.tsx
index 2046c03..431c3fe 100644
--- a/src/app/tools/chatbot-tutor/page.tsx
+++ b/src/app/tools/chatbot-tutor/page.tsx
@@ -80,7 +80,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "Ask questions naturally in a conversational format. The AI understands context and provides comprehensive, detailed explanations tailored to your level.",
               tags: ["Conversation", "Natural"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png?_wi=4",
               imageAlt: "Chatbot tutor interface"
             },
             {
@@ -89,7 +89,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "Get tutoring in virtually any subject - mathematics, sciences, history, languages, and more. The AI is trained on comprehensive academic content across all disciplines.",
               tags: ["Subjects", "Comprehensive"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=6",
               imageAlt: "Multi-subject support"
             },
             {
@@ -98,7 +98,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "Receive detailed, step-by-step breakdowns for complex problems. The AI guides you through the solution process, helping you understand the reasoning behind each step.",
               tags: ["Detailed", "Educational"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=3",
               imageAlt: "Step-by-step guidance"
             },
             {
@@ -107,7 +107,7 @@ export default function ChatbotTutorPage() {
               author: "Feature",
               description: "The tutor adapts to your learning style and pace. It remembers your preferences and adjusts explanations based on your previous interactions and progress.",
               tags: ["Adaptive", "Personalized"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=5",
               imageAlt: "Personalized learning"
             }
           ]}
@@ -132,7 +132,7 @@ export default function ChatbotTutorPage() {
               name: "Real-Time Chat Assistance",
               price: "Core Feature",
               variant: "Instant responses to any study question",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-chatbot-tutor-interface-showing-co-1773121974790-7fb4b439.png?_wi=5",
               imageAlt: "Chat assistance tool"
             },
             {
@@ -140,7 +140,7 @@ export default function ChatbotTutorPage() {
               name: "Problem Solver",
               price: "Advanced",
               variant: "Solve complex problems with detailed workings",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=6",
               imageAlt: "Problem solver tool"
             },
             {
@@ -148,7 +148,7 @@ export default function ChatbotTutorPage() {
               name: "Study Session History",
               price: "Pro Feature",
               variant: "Access and review all previous tutoring sessions",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=4",
               imageAlt: "Study history"
             }
           ]}
diff --git a/src/app/tools/notes-summarizer/page.tsx b/src/app/tools/notes-summarizer/page.tsx
index 8f15130..a6b7e4a 100644
--- a/src/app/tools/notes-summarizer/page.tsx
+++ b/src/app/tools/notes-summarizer/page.tsx
@@ -42,7 +42,7 @@ export default function NotesSummarizerPage() {
           tagIcon={require("lucide-react").Sparkles}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=4"
           imageAlt="Notes Summarizer Interface"
           buttons={[
             { text: "Start Summarizing", href: "#" },
@@ -67,7 +67,7 @@ export default function NotesSummarizerPage() {
               author: "Step 1",
               description: "Upload documents in PDF or text format, or paste your notes directly into the platform. Supports any academic material.",
               tags: ["Upload", "Document"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121974540-ccc8a6fb.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-1-illustration-a-student-uploading--1773121974540-ccc8a6fb.png?_wi=2",
               imageAlt: "Upload interface",
             },
             {
@@ -76,7 +76,7 @@ export default function NotesSummarizerPage() {
               author: "Step 2",
               description: "Our advanced AI algorithm analyzes the content, identifies key concepts, themes, and important details for effective learning.",
               tags: ["Analysis", "AI"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121974824-e2864e8e.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-2-illustration-ai-processing-and-an-1773121974824-e2864e8e.png?_wi=2",
               imageAlt: "AI processing",
             },
             {
@@ -85,7 +85,7 @@ export default function NotesSummarizerPage() {
               author: "Step 3",
               description: "Receive multiple summary formats: quick summaries for fast review and detailed summaries for deeper understanding of complex topics.",
               tags: ["Results", "Personalized"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121974864-7ecc17fa.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/step-3-illustration-generated-results-di-1773121974864-7ecc17fa.png?_wi=2",
               imageAlt: "Results display",
             },
           ]}
diff --git a/src/app/tools/quiz-generator/page.tsx b/src/app/tools/quiz-generator/page.tsx
index e285aca..173b335 100644
--- a/src/app/tools/quiz-generator/page.tsx
+++ b/src/app/tools/quiz-generator/page.tsx
@@ -80,7 +80,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Generate multiple-choice, true/false, short-answer, and essay questions. The AI intelligently adapts question types to your content and learning objectives.",
               tags: ["Question Types", "Flexible"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121974603-d3c3a9b0.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/modern-icon-of-a-quiz-or-test-with-check-1773121974603-d3c3a9b0.png?_wi=3",
               imageAlt: "Quiz generation feature"
             },
             {
@@ -89,7 +89,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Automatically grade quizzes and provide detailed explanations for each answer. Students receive immediate feedback to reinforce learning.",
               tags: ["Scoring", "Feedback"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=4",
               imageAlt: "Quiz scoring interface"
             },
             {
@@ -98,7 +98,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Customize question difficulty from basic to advanced. Create progressive quizzes that challenge students at their appropriate level.",
               tags: ["Customization", "Adaptive"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=3",
               imageAlt: "Difficulty control"
             },
             {
@@ -107,7 +107,7 @@ export default function QuizGeneratorPage() {
               author: "Feature",
               description: "Track student performance over time with detailed analytics. Identify knowledge gaps and weak areas to focus study efforts effectively.",
               tags: ["Analytics", "Tracking"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-ai-powered-notes-summarization-interf-1773121974887-fd3f84b3.png?_wi=5",
               imageAlt: "Performance analytics"
             }
           ]}
@@ -132,7 +132,7 @@ export default function QuizGeneratorPage() {
               name: "Content-Based Generation",
               price: "Core Feature",
               variant: "Upload materials and generate relevant quiz questions",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-modern-ai-study-assistant-platform-das-1773121974746-ca07efe3.png?_wi=5",
               imageAlt: "Content-based quiz generation"
             },
             {
@@ -140,7 +140,7 @@ export default function QuizGeneratorPage() {
               name: "Custom Quiz Builder",
               price: "Advanced",
               variant: "Manually create and customize quizzes with AI suggestions",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/an-interactive-quiz-generation-interface-1773121975157-706f1882.png?_wi=5",
               imageAlt: "Custom quiz builder"
             },
             {
@@ -148,7 +148,7 @@ export default function QuizGeneratorPage() {
               name: "Quiz Analytics Dashboard",
               price: "Pro Feature",
               variant: "Track scores, performance trends, and learning progress",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=4",
               imageAlt: "Analytics dashboard"
             }
           ]}
diff --git a/src/app/tools/study-planner/page.tsx b/src/app/tools/study-planner/page.tsx
index 171e928..2d3ddbf 100644
--- a/src/app/tools/study-planner/page.tsx
+++ b/src/app/tools/study-planner/page.tsx
@@ -51,7 +51,7 @@ export default function StudyPlannerPage() {
               author: "Feature",
               description: "AI automatically creates optimized study schedules based on your subjects, difficulty levels, and available time. Adapt schedules as your needs change.",
               tags: ["Scheduling", "Planning"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=5",
               imageAlt: "Study Planner Interface",
             },
             {
@@ -60,7 +60,7 @@ export default function StudyPlannerPage() {
               author: "Feature",
               description: "Set academic goals and track progress toward them. Receive automated reminders and celebrate milestones as you advance through your study plans.",
               tags: ["Goals", "Progress"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-comprehensive-progress-and-analytics-d-1773121975403-6ccfc4e7.png?_wi=6",
               imageAlt: "Progress Tracking Dashboard",
             },
             {
@@ -69,7 +69,7 @@ export default function StudyPlannerPage() {
               author: "Feature",
               description: "Integrated timer, break reminders, and focus mode help you maintain productivity. Track study hours and identify your most productive study times.",
               tags: ["Time", "Productivity"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ak0JWyADbB5pT0yLsqYk2gFeXX/a-study-planning-interface-with-calendar-1773121975367-c259deef.png?_wi=6",
               imageAlt: "Time Management Tools",
             },
           ]}