diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index d561803..35bd4fb 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -81,15 +81,15 @@ export default function AdminPage() {
           ]}
           slides={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661462.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661462.jpg?_wi=2",
               imageAlt: "AIIMS Medical Professionals",
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=9",
               imageAlt: "Recruitment Dashboard",
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=6",
               imageAlt: "Application Verification",
             },
           ]}
@@ -110,7 +110,7 @@ export default function AdminPage() {
             {
               title: "Job Management",
               description: "Create, publish, and manage job postings across multiple AIIMS institutes with category-wise vacancy allocation.",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=6",
               imageAlt: "Job Management Interface",
               buttonIcon: Briefcase,
               buttonHref: "#jobs",
@@ -118,7 +118,7 @@ export default function AdminPage() {
             {
               title: "Application Tracking",
               description: "Real-time tracking of applicant status from submission through verification, screening, and selection stages.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=10",
               imageAlt: "Application Tracking",
               buttonIcon: FileCheck,
               buttonHref: "#tracking",
@@ -126,7 +126,7 @@ export default function AdminPage() {
             {
               title: "Document Verification",
               description: "Centralized document review system for qualifications, certificates, and eligibility verification by authorized offices.",
-              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=7",
               imageAlt: "Document Verification",
               buttonIcon: Shield,
               buttonHref: "#verification",
@@ -134,7 +134,7 @@ export default function AdminPage() {
             {
               title: "Exam Management",
               description: "Schedule exams, generate admit cards, manage exam centers, and upload results in a unified interface.",
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg?_wi=4",
               imageAlt: "Exam Scheduling",
               buttonIcon: Calendar,
               buttonHref: "#exams",
@@ -142,7 +142,7 @@ export default function AdminPage() {
             {
               title: "Role-Based Access",
               description: "Separate dashboards for Super Admin, Institute Admins, Applicant Office, and Candidates with tailored workflows.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=11",
               imageAlt: "Role-Based Dashboards",
               buttonIcon: Users,
               buttonHref: "#roles",
@@ -150,7 +150,7 @@ export default function AdminPage() {
             {
               title: "Analytics & Reports",
               description: "Comprehensive reporting on applications, hiring progress, and recruitment metrics across AIIMS network.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=12",
               imageAlt: "Analytics Dashboard",
               buttonIcon: BarChart3,
               buttonHref: "#reports",
@@ -171,7 +171,7 @@ export default function AdminPage() {
             { value: "4", title: "Role Types with Tailored Dashboards" },
             { value: "100%", title: "Digital Application Processing" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=8"
           imageAlt="Recruitment Process Workflow"
           useInvertedBackground={true}
           mediaAnimation="slide-up"
diff --git a/src/app/applicant-office/page.tsx b/src/app/applicant-office/page.tsx
index 3801fe6..21d811e 100644
--- a/src/app/applicant-office/page.tsx
+++ b/src/app/applicant-office/page.tsx
@@ -86,7 +86,7 @@ export default function ApplicantOfficePage() {
               price: "Senior Nursing Position",
               rating: 5,
               reviewCount: "45+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=7",
               imageAlt: "Nursing Officer Position",
             },
             {
@@ -96,7 +96,7 @@ export default function ApplicantOfficePage() {
               price: "Technical Support Role",
               rating: 5,
               reviewCount: "32+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=8",
               imageAlt: "Senior Technician Position",
             },
             {
@@ -106,7 +106,7 @@ export default function ApplicantOfficePage() {
               price: "Administrative Role",
               rating: 5,
               reviewCount: "28+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=9",
               imageAlt: "Administrative Officer Position",
             },
             {
@@ -116,7 +116,7 @@ export default function ApplicantOfficePage() {
               price: "Research Position",
               rating: 5,
               reviewCount: "36+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=10",
               imageAlt: "Research Specialist Position",
             },
           ]}
@@ -144,7 +144,7 @@ export default function ApplicantOfficePage() {
               handle: "@priyasharma_md",
               testimonial: "The application process was smooth and transparent. The verification team was professional and quick with document checks. I got selected within 3 months!",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-medical-robe-standing-isolated-green-wall-with-copy-space_141793-59294.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-medical-robe-standing-isolated-green-wall-with-copy-space_141793-59294.jpg?_wi=2",
               imageAlt: "Dr. Priya Sharma",
             },
             {
@@ -153,7 +153,7 @@ export default function ApplicantOfficePage() {
               handle: "@rajesh_healthcare",
               testimonial: "Excellent portal design. Very user-friendly interface and clear communication at every stage. This is how government portals should be!",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg?_wi=2",
               imageAlt: "Rajesh Kumar",
             },
             {
@@ -162,7 +162,7 @@ export default function ApplicantOfficePage() {
               handle: "@anjali_nursing",
               testimonial: "Outstanding experience from application submission to admit card download. The portal kept me informed at every step of the process.",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-doctor-uniform-with-stethoscope-looks-side_141793-115606.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-doctor-uniform-with-stethoscope-looks-side_141793-115606.jpg?_wi=2",
               imageAlt: "Dr. Anjali Verma",
             },
             {
@@ -171,7 +171,7 @@ export default function ApplicantOfficePage() {
               handle: "@vikram_technician",
               testimonial: "Transparent selection process with proper documentation. I appreciated the professional handling of my application and interview scheduling.",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg?_wi=2",
               imageAlt: "Vikram Singh",
             },
           ]}
@@ -221,7 +221,7 @@ export default function ApplicantOfficePage() {
               content: "After your documents are verified and you're shortlisted, admit cards will be available through your dashboard. You can download and print them. Similarly, after exam completion, results will be published in your dashboard and you'll receive email notification.",
             },
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg"
+          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=13"
           imageAlt="AIIMS Recruitment FAQ Support"
           mediaAnimation="slide-up"
           faqsAnimation="blur-reveal"
diff --git a/src/app/applicant-portal/page.tsx b/src/app/applicant-portal/page.tsx
index 2d0f4fc..6aa88db 100644
--- a/src/app/applicant-portal/page.tsx
+++ b/src/app/applicant-portal/page.tsx
@@ -87,7 +87,7 @@ export default function ApplicantPortalPage() {
               title: "Digital Application Processing",
             },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=10"
           imageAlt="Recruitment Process Workflow"
           useInvertedBackground={true}
           mediaAnimation="slide-up"
@@ -139,7 +139,7 @@ export default function ApplicantPortalPage() {
                 "After your documents are verified and you're shortlisted, admit cards will be available through your dashboard. You can download and print them. Similarly, after exam completion, results will be published in your dashboard and you'll receive email notification.",
             },
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg"
+          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=17"
           imageAlt="AIIMS Recruitment FAQ Support"
           mediaAnimation="slide-up"
           faqsAnimation="blur-reveal"
diff --git a/src/app/jobs/page.tsx b/src/app/jobs/page.tsx
index d340374..34978e6 100644
--- a/src/app/jobs/page.tsx
+++ b/src/app/jobs/page.tsx
@@ -95,7 +95,7 @@ export default function JobsPage() {
               rating: 5,
               reviewCount: "45+ Applications",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=11",
               imageAlt: "Nursing Officer Position",
             },
             {
@@ -106,7 +106,7 @@ export default function JobsPage() {
               rating: 5,
               reviewCount: "32+ Applications",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=12",
               imageAlt: "Senior Technician Position",
             },
             {
@@ -117,7 +117,7 @@ export default function JobsPage() {
               rating: 5,
               reviewCount: "28+ Applications",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=13",
               imageAlt: "Administrative Officer Position",
             },
             {
@@ -128,7 +128,7 @@ export default function JobsPage() {
               rating: 5,
               reviewCount: "36+ Applications",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=14",
               imageAlt: "Research Specialist Position",
             },
           ]}
@@ -158,7 +158,7 @@ export default function JobsPage() {
               description:
                 "Create, publish, and manage job postings across multiple AIIMS institutes with category-wise vacancy allocation.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+                "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=15",
               imageAlt: "Job Management Interface",
               buttonIcon: Briefcase,
               buttonHref: "#jobs",
@@ -168,7 +168,7 @@ export default function JobsPage() {
               description:
                 "Real-time tracking of applicant status from submission through verification, screening, and selection stages.",
               imageSrc:
-                "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+                "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=14",
               imageAlt: "Application Tracking",
               buttonIcon: FileCheck,
               buttonHref: "#tracking",
@@ -178,7 +178,7 @@ export default function JobsPage() {
               description:
                 "Centralized document review system for qualifications, certificates, and eligibility verification by authorized offices.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+                "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=9",
               imageAlt: "Document Verification",
               buttonIcon: Shield,
               buttonHref: "#verification",
@@ -188,7 +188,7 @@ export default function JobsPage() {
               description:
                 "Schedule exams, generate admit cards, manage exam centers, and upload results in a unified interface.",
               imageSrc:
-                "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg",
+                "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg?_wi=5",
               imageAlt: "Exam Scheduling",
               buttonIcon: Calendar,
               buttonHref: "#exams",
@@ -198,7 +198,7 @@ export default function JobsPage() {
               description:
                 "Separate dashboards for Super Admin, Institute Admins, Applicant Office, and Candidates with tailored workflows.",
               imageSrc:
-                "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+                "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=15",
               imageAlt: "Role-Based Dashboards",
               buttonIcon: Users,
               buttonHref: "#roles",
@@ -208,7 +208,7 @@ export default function JobsPage() {
               description:
                 "Comprehensive reporting on applications, hiring progress, and recruitment metrics across AIIMS network.",
               imageSrc:
-                "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+                "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=16",
               imageAlt: "Analytics Dashboard",
               buttonIcon: BarChart3,
               buttonHref: "#reports",
@@ -235,7 +235,7 @@ export default function JobsPage() {
                 "The application process was smooth and transparent. The verification team was professional and quick with document checks. I got selected within 3 months!",
               rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-medical-robe-standing-isolated-green-wall-with-copy-space_141793-59294.jpg",
+                "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-medical-robe-standing-isolated-green-wall-with-copy-space_141793-59294.jpg?_wi=3",
               imageAlt: "Dr. Priya Sharma",
             },
             {
@@ -246,7 +246,7 @@ export default function JobsPage() {
                 "Excellent portal design. Very user-friendly interface and clear communication at every stage. This is how government portals should be!",
               rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg",
+                "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg?_wi=3",
               imageAlt: "Rajesh Kumar",
             },
             {
@@ -257,7 +257,7 @@ export default function JobsPage() {
                 "Outstanding experience from application submission to admit card download. The portal kept me informed at every step of the process.",
               rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-doctor-uniform-with-stethoscope-looks-side_141793-115606.jpg",
+                "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-doctor-uniform-with-stethoscope-looks-side_141793-115606.jpg?_wi=3",
               imageAlt: "Dr. Anjali Verma",
             },
             {
@@ -268,7 +268,7 @@ export default function JobsPage() {
                 "Transparent selection process with proper documentation. I appreciated the professional handling of my application and interview scheduling.",
               rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg",
+                "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg?_wi=3",
               imageAlt: "Vikram Singh",
             },
           ]}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 0a2cdc3..0d3228e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1432,6 +1432,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/page.tsx b/src/app/page.tsx
index 41958f0..c1b3f3f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -92,15 +92,15 @@ export default function HomePage() {
           ]}
           slides={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661462.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/analog-landscape-city-with-buildings_23-2149661462.jpg?_wi=1",
               imageAlt: "AIIMS Medical Professionals",
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=1",
               imageAlt: "Recruitment Dashboard",
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=1",
               imageAlt: "Application Verification",
             },
           ]}
@@ -115,7 +115,7 @@ export default function HomePage() {
             {
               title: "Job Management",
               description: "Create, publish, and manage job postings across multiple AIIMS institutes with category-wise vacancy allocation.",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=1",
               imageAlt: "Job Management Interface",
               buttonIcon: Briefcase,
               buttonHref: "#jobs",
@@ -123,7 +123,7 @@ export default function HomePage() {
             {
               title: "Application Tracking",
               description: "Real-time tracking of applicant status from submission through verification, screening, and selection stages.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=2",
               imageAlt: "Application Tracking",
               buttonIcon: FileCheck,
               buttonHref: "#tracking",
@@ -131,7 +131,7 @@ export default function HomePage() {
             {
               title: "Document Verification",
               description: "Centralized document review system for qualifications, certificates, and eligibility verification by authorized offices.",
-              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=2",
               imageAlt: "Document Verification",
               buttonIcon: Shield,
               buttonHref: "#verification",
@@ -139,7 +139,7 @@ export default function HomePage() {
             {
               title: "Exam Management",
               description: "Schedule exams, generate admit cards, manage exam centers, and upload results in a unified interface.",
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg?_wi=1",
               imageAlt: "Exam Scheduling",
               buttonIcon: Calendar,
               buttonHref: "#exams",
@@ -147,7 +147,7 @@ export default function HomePage() {
             {
               title: "Role-Based Access",
               description: "Separate dashboards for Super Admin, Institute Admins, Applicant Office, and Candidates with tailored workflows.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=3",
               imageAlt: "Role-Based Dashboards",
               buttonIcon: Users,
               buttonHref: "#roles",
@@ -155,7 +155,7 @@ export default function HomePage() {
             {
               title: "Analytics & Reports",
               description: "Comprehensive reporting on applications, hiring progress, and recruitment metrics across AIIMS network.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=4",
               imageAlt: "Analytics Dashboard",
               buttonIcon: BarChart3,
               buttonHref: "#reports",
@@ -188,7 +188,7 @@ export default function HomePage() {
               title: "Digital Application Processing",
             },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=3"
           imageAlt="Recruitment Process Workflow"
           useInvertedBackground={true}
           mediaAnimation="slide-up"
@@ -209,7 +209,7 @@ export default function HomePage() {
               price: "Senior Nursing Position",
               rating: 5,
               reviewCount: "45+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=2",
               imageAlt: "Nursing Officer Position",
             },
             {
@@ -219,7 +219,7 @@ export default function HomePage() {
               price: "Technical Support Role",
               rating: 5,
               reviewCount: "32+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=3",
               imageAlt: "Senior Technician Position",
             },
             {
@@ -229,7 +229,7 @@ export default function HomePage() {
               price: "Administrative Role",
               rating: 5,
               reviewCount: "28+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=4",
               imageAlt: "Administrative Officer Position",
             },
             {
@@ -239,7 +239,7 @@ export default function HomePage() {
               price: "Research Position",
               rating: 5,
               reviewCount: "36+ Applications",
-              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/rear-view-adult-man-searching-new-job-working-writing-his-resume-laptop_662251-2153.jpg?_wi=5",
               imageAlt: "Research Specialist Position",
             },
           ]}
@@ -270,7 +270,7 @@ export default function HomePage() {
               handle: "@priyasharma_md",
               testimonial: "The application process was smooth and transparent. The verification team was professional and quick with document checks. I got selected within 3 months!",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-medical-robe-standing-isolated-green-wall-with-copy-space_141793-59294.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-female-doctor-wearing-medical-robe-standing-isolated-green-wall-with-copy-space_141793-59294.jpg?_wi=1",
               imageAlt: "Dr. Priya Sharma",
             },
             {
@@ -279,7 +279,7 @@ export default function HomePage() {
               handle: "@rajesh_healthcare",
               testimonial: "Excellent portal design. Very user-friendly interface and clear communication at every stage. This is how government portals should be!",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-medical-assistant-holding-checkup-documents-help-doctor-with-treatment-medicine-woman-working-as-nurse-with-uniform-tools-looking-camera-cure-patient_482257-38669.jpg?_wi=1",
               imageAlt: "Rajesh Kumar",
             },
             {
@@ -288,7 +288,7 @@ export default function HomePage() {
               handle: "@anjali_nursing",
               testimonial: "Outstanding experience from application submission to admit card download. The portal kept me informed at every step of the process.",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-doctor-uniform-with-stethoscope-looks-side_141793-115606.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-brunette-female-doctor-uniform-with-stethoscope-looks-side_141793-115606.jpg?_wi=1",
               imageAlt: "Dr. Anjali Verma",
             },
             {
@@ -297,7 +297,7 @@ export default function HomePage() {
               handle: "@vikram_technician",
               testimonial: "Transparent selection process with proper documentation. I appreciated the professional handling of my application and interview scheduling.",
               rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-wearing-white-coat-front-view_23-2149844581.jpg?_wi=1",
               imageAlt: "Vikram Singh",
             },
           ]}
@@ -347,7 +347,7 @@ export default function HomePage() {
               content: "After your documents are verified and you're shortlisted, admit cards will be available through your dashboard. You can download and print them. Similarly, after exam completion, results will be published in your dashboard and you'll receive email notification.",
             },
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg"
+          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=5"
           imageAlt="AIIMS Recruitment FAQ Support"
           mediaAnimation="slide-up"
           faqsAnimation="blur-reveal"
diff --git a/src/app/super-admin/page.tsx b/src/app/super-admin/page.tsx
index 059c8af..c26187c 100644
--- a/src/app/super-admin/page.tsx
+++ b/src/app/super-admin/page.tsx
@@ -78,7 +78,7 @@ export default function SuperAdminPage() {
             { value: "10+", title: "AIIMS Institutes Managed" },
             { value: "5000+", title: "Annual Applicant Processing" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg"
+          imageSrc="http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=6"
           imageAlt="Admin Dashboard Overview"
           useInvertedBackground={false}
           mediaAnimation="slide-up"
@@ -94,7 +94,7 @@ export default function SuperAdminPage() {
             {
               title: "Multi-Institute Management",
               description: "Oversee recruitment operations across all AIIMS institutes with centralized dashboard and independent institute modules. Create, monitor, and manage institute administrators and their permissions.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=7",
               imageAlt: "Multi-Institute Management",
               buttonIcon: Users,
               buttonHref: "#institutes",
@@ -102,7 +102,7 @@ export default function SuperAdminPage() {
             {
               title: "System Configuration",
               description: "Configure global system settings, recruitment workflows, exam schedules, and policies. Define position categories, qualification levels, and verification stages applicable across all institutes.",
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg?_wi=2",
               imageAlt: "System Configuration",
               buttonIcon: Settings,
               buttonHref: "#settings",
@@ -110,7 +110,7 @@ export default function SuperAdminPage() {
             {
               title: "User & Role Management",
               description: "Create and manage all user accounts: Institute Admins, Applicant Office staff, Screening Committees, and Exam Center Coordinators. Assign roles, permissions, and institute affiliations. Monitor user activity and access logs.",
-              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=4",
               imageAlt: "User Management",
               buttonIcon: Shield,
               buttonHref: "#users",
@@ -129,7 +129,7 @@ export default function SuperAdminPage() {
             {
               title: "Network-Wide Analytics",
               description: "View aggregated recruitment metrics across all institutes: total applications, completion rates, average processing time, and hiring statistics. Compare performance between institutes and identify bottlenecks.",
-              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg",
+              imageSrc: "http://img.b2bpic.net/free-vector/recruitment-employment-agency-isometric-landing-page-banner_1284-57873.jpg?_wi=8",
               imageAlt: "Analytics Dashboard",
               buttonIcon: BarChart3,
               buttonHref: "#analytics",
@@ -137,7 +137,7 @@ export default function SuperAdminPage() {
             {
               title: "System Health Monitoring",
               description: "Monitor portal performance, database status, and technical metrics. Track active users, server load, and system uptime. Receive alerts for critical issues and system anomalies.",
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-epidemiologist-working-coronavirus-research-laboratory_637285-4732.jpg?_wi=3",
               imageAlt: "System Monitoring",
               buttonIcon: Activity,
               buttonHref: "#monitoring",
@@ -145,7 +145,7 @@ export default function SuperAdminPage() {
             {
               title: "Audit & Compliance Reporting",
               description: "Generate comprehensive audit logs tracking all user actions and system changes. Create compliance reports for government oversight. Export recruitment data for analysis and archival.",
-              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/recruiters-browsing-resumes-evaluating-applicants_482257-112024.jpg?_wi=5",
               imageAlt: "Audit Reports",
               buttonIcon: Shield,
               buttonHref: "#reports",