From 2f570573990140304d5d7aa35754a5e7070c2782 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:26 +0000
Subject: [PATCH 1/9] Update src/app/apartments/costa-adeje/page.tsx

---
 src/app/apartments/costa-adeje/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/apartments/costa-adeje/page.tsx b/src/app/apartments/costa-adeje/page.tsx
index 20a112e..8bf2212 100644
--- a/src/app/apartments/costa-adeje/page.tsx
+++ b/src/app/apartments/costa-adeje/page.tsx
@@ -64,7 +64,7 @@ export default function CostaAdejePage() {
             { text: "View Gallery", href: "#gallery" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg?_wi=2"
           imageAlt="Costa Adeje luxury penthouse with ocean views"
           mediaAnimation="opacity"
           imagePosition="left"
-- 
2.49.1


From 760f8e428156a052d7654d601d9785f41b83821f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:26 +0000
Subject: [PATCH 2/9] Update src/app/apartments/los-cristianos/page.tsx

---
 src/app/apartments/los-cristianos/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/apartments/los-cristianos/page.tsx b/src/app/apartments/los-cristianos/page.tsx
index 5bc58c1..4bfbb5a 100644
--- a/src/app/apartments/los-cristianos/page.tsx
+++ b/src/app/apartments/los-cristianos/page.tsx
@@ -54,7 +54,7 @@ export default function LosCristianosPage() {
             { text: "View Gallery", href: "#gallery" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49500.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49500.jpg?_wi=3"
           imageAlt="Los Cristianos beachfront apartment with pool view"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -76,21 +76,21 @@ export default function LosCristianosPage() {
               id: "1",
               name: "Main Suite",
               price: "Luxury Master Bed",
-              imageSrc: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-rug_1203-1495.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-rug_1203-1495.jpg?_wi=1",
               imageAlt: "Luxury master bedroom with ocean view",
             },
             {
               id: "2",
               name: "Gourmet Kitchen",
               price: "Premium Equipped",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821321.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821321.jpg?_wi=1",
               imageAlt: "Modern luxury kitchen with appliances",
             },
             {
               id: "3",
               name: "Resort Pool",
               price: "Shared Access",
-              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2285.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2285.jpg?_wi=1",
               imageAlt: "Luxury swimming pool area",
             },
           ]}
@@ -158,7 +158,7 @@ export default function LosCristianosPage() {
               quote: "The location is unbeatable - literally steps from the beach. The apartment was immaculate, spacious, and every detail was thoughtfully planned. Felt like a true luxury retreat.",
               name: "Elena & Marco",
               role: "Travelers from Milan",
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg?_wi=2",
               imageAlt: "Happy guests enjoying beach view",
             },
             {
@@ -167,7 +167,7 @@ export default function LosCristianosPage() {
               quote: "Our family of five had the most amazing time. The four bedrooms gave everyone their own space, the pool was perfect for the kids, and being on the beach was incredible.",
               name: "The Johnson Family",
               role: "Travelers from New York",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg?_wi=2",
               imageAlt: "Family enjoying vacation together",
             },
             {
@@ -176,7 +176,7 @@ export default function LosCristianosPage() {
               quote: "The concierge team arranged everything effortlessly. Dinner reservations, beach activities, laundry service - every request was handled with professionalism and warmth.",
               name: "Anna & David",
               role: "Travelers from Berlin",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg?_wi=2",
               imageAlt: "Happy couple at vacation resort",
             },
             {
@@ -185,7 +185,7 @@ export default function LosCristianosPage() {
               quote: "We've stayed in luxury resorts worldwide, and this apartment delivers exceptional value. The views, the comfort, the service - simply extraordinary. Booking our return visit now!",
               name: "Sarah & Michael",
               role: "Travelers from London",
-              imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16244.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16244.jpg?_wi=2",
               imageAlt: "Satisfied guests smiling",
             },
           ]}
-- 
2.49.1


From 3149125c654d183033870174153da504885ac150 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:27 +0000
Subject: [PATCH 3/9] Update src/app/apartments/page.tsx

---
 src/app/apartments/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/apartments/page.tsx b/src/app/apartments/page.tsx
index 6d50be2..db760a3 100644
--- a/src/app/apartments/page.tsx
+++ b/src/app/apartments/page.tsx
@@ -52,7 +52,7 @@ export default function ApartmentsPage() {
               id: "1",
               name: "Costa Adeje Penthouse",
               price: "From €180/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg?_wi=3",
               imageAlt: "Luxury penthouse in Costa Adeje",
               onProductClick: () => window.location.href = "/apartments/costa-adeje",
             },
@@ -60,14 +60,14 @@ export default function ApartmentsPage() {
               id: "2",
               name: "Los Cristianos Beachfront",
               price: "From €150/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49500.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49500.jpg?_wi=2",
               imageAlt: "Beachfront apartment in Los Cristianos",
             },
             {
               id: "3",
               name: "Playa Las Américas Suite",
               price: "From €165/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg?_wi=2",
               imageAlt: "Premium suite in Playa Las Américas",
             },
           ]}
-- 
2.49.1


From 39571086e29747843109622fc5cb0171760cc3a1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:27 +0000
Subject: [PATCH 4/9] Update src/app/apartments/playa-las-americas/page.tsx

---
 src/app/apartments/playa-las-americas/page.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/apartments/playa-las-americas/page.tsx b/src/app/apartments/playa-las-americas/page.tsx
index f2bcfa0..b73fa5e 100644
--- a/src/app/apartments/playa-las-americas/page.tsx
+++ b/src/app/apartments/playa-las-americas/page.tsx
@@ -54,7 +54,7 @@ export default function PlayaLasAmericasPage() {
             { text: "Virtual Tour", href: "#gallery" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg?_wi=3"
           imageAlt="Playa Las Américas luxury resort building"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -76,21 +76,21 @@ export default function PlayaLasAmericasPage() {
               id: "1",
               name: "Master Sanctuary",
               price: "Premium Bedding",
-              imageSrc: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-rug_1203-1495.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-rug_1203-1495.jpg?_wi=2",
               imageAlt: "Luxury master bedroom suite",
             },
             {
               id: "2",
               name: "Chef's Kitchen",
               price: "Premium Equipped",
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821321.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821321.jpg?_wi=2",
               imageAlt: "Modern gourmet kitchen",
             },
             {
               id: "3",
               name: "Resort Amenities",
               price: "Exclusive Access",
-              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2285.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-caucasian-woman-bikini-blue-swimming-pool-vacation-coudy-day-natural-light_343596-2285.jpg?_wi=2",
               imageAlt: "Luxury resort swimming pool",
             },
           ]}
@@ -158,7 +158,7 @@ export default function PlayaLasAmericasPage() {
               quote: "Waking up to unobstructed ocean views from our balcony was absolutely magical. The beach is literally our backyard. Every moment felt like a postcard-perfect vacation.",
               name: "Sophie & Pierre",
               role: "Travelers from Paris",
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg?_wi=3",
               imageAlt: "Guests enjoying beachfront sunset",
             },
             {
@@ -167,7 +167,7 @@ export default function PlayaLasAmericasPage() {
               quote: "This suite is the ultimate romantic getaway. The sunset views, the private terrace, the attention to detail - every element was perfectly curated for romance and relaxation.",
               name: "Jessica & Tom",
               role: "Honeymooners from Toronto",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg?_wi=3",
               imageAlt: "Romantic couple at luxury resort",
             },
             {
@@ -176,7 +176,7 @@ export default function PlayaLasAmericasPage() {
               quote: "The concierge anticipated every need before we even asked. Restaurant recommendations, activity bookings, special touches in the room - the service was impeccable throughout.",
               name: "Carlos & Maria",
               role: "Travelers from Madrid",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg?_wi=3",
               imageAlt: "Happy couple at vacation resort",
             },
             {
@@ -185,7 +185,7 @@ export default function PlayaLasAmericasPage() {
               quote: "We splurged on this suite and zero regrets. The location, the luxury, the service - this is what premium vacation living should feel like. Already planning our next visit!",
               name: "Robert & Linda",
               role: "Travelers from Sydney",
-              imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16244.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16244.jpg?_wi=3",
               imageAlt: "Satisfied guests smiling together",
             },
           ]}
-- 
2.49.1


From 70c4ac1bad552ee414d2297f9ec68db7e15784c1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:28 +0000
Subject: [PATCH 5/9] Update src/app/blog/best-hiking-trails-tenerife/page.tsx

---
 src/app/blog/best-hiking-trails-tenerife/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/blog/best-hiking-trails-tenerife/page.tsx b/src/app/blog/best-hiking-trails-tenerife/page.tsx
index dce495c..f1f51fb 100644
--- a/src/app/blog/best-hiking-trails-tenerife/page.tsx
+++ b/src/app/blog/best-hiking-trails-tenerife/page.tsx
@@ -57,7 +57,7 @@ export default function BestHikingTrailsTenerife() {
             { text: "View Our Apartments", href: "/apartments" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/shot-sandy-beach-with-couple-human-silhouettes-fuerteventura-spain_181624-16124.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/shot-sandy-beach-with-couple-human-silhouettes-fuerteventura-spain_181624-16124.jpg?_wi=1"
           imageAlt="Hiking trails tenerife mountain landscape"
           mediaAnimation="opacity"
           imagePosition="right"
-- 
2.49.1


From 32e521509e127d072409915736ca5618ad2b3a46 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:28 +0000
Subject: [PATCH 6/9] Update
 src/app/blog/tenerife-hidden-beaches-guide/page.tsx

---
 src/app/blog/tenerife-hidden-beaches-guide/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/blog/tenerife-hidden-beaches-guide/page.tsx b/src/app/blog/tenerife-hidden-beaches-guide/page.tsx
index c17b02b..d14d274 100644
--- a/src/app/blog/tenerife-hidden-beaches-guide/page.tsx
+++ b/src/app/blog/tenerife-hidden-beaches-guide/page.tsx
@@ -53,7 +53,7 @@ export default function TenerifeHiddenBeachesGuidePage() {
             { text: "Book Stay", href: "#booking" },
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-people-beach_181624-16431.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-people-beach_181624-16431.jpg?_wi=1"
           imageAlt="Tenerife hidden beach at sunset"
           mediaAnimation="opacity"
           imagePosition="right"
-- 
2.49.1


From 7c0affe905ff86f5c24f3e135c7fac15127b23f4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:28 +0000
Subject: [PATCH 7/9] Update
 src/app/blog/water-sports-activities-tenerife/page.tsx

---
 src/app/blog/water-sports-activities-tenerife/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/blog/water-sports-activities-tenerife/page.tsx b/src/app/blog/water-sports-activities-tenerife/page.tsx
index 6160069..4d404bd 100644
--- a/src/app/blog/water-sports-activities-tenerife/page.tsx
+++ b/src/app/blog/water-sports-activities-tenerife/page.tsx
@@ -153,7 +153,7 @@ export default function WaterSportsPage() {
               quote: "The wind conditions were perfect, the instructors were incredibly skilled and patient. I progressed faster than I ever imagined. Tenerife is now my go-to destination for kiteboarding.",
               name: "Marcus & Sophie",
               role: "Adventure Seekers from Berlin",
-              imageSrc: "http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-people-beach_181624-16431.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/scenery-sunset-with-silhouette-people-beach_181624-16431.jpg?_wi=2",
               imageAlt: "Water sports enthusiasts enjoying beach",
             },
             {
@@ -162,7 +162,7 @@ export default function WaterSportsPage() {
               quote: "As an experienced surfer, I was skeptical, but the local breaks exceeded my expectations. The apartment location made it easy to catch early morning sessions and sunset rides.",
               name: "James & Caroline",
               role: "Surfers from Cornwall",
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg?_wi=4",
               imageAlt: "Friends enjoying beach activities",
             },
             {
@@ -171,7 +171,7 @@ export default function WaterSportsPage() {
               quote: "We tried paddleboarding, snorkeling, and jet skiing. Every activity was safe, fun, and perfectly organized. Our kids still talk about how amazing it was.",
               name: "The Anderson Family",
               role: "Families from Australia",
-              imageSrc: "http://img.b2bpic.net/free-photo/shot-sandy-beach-with-couple-human-silhouettes-fuerteventura-spain_181624-16124.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/shot-sandy-beach-with-couple-human-silhouettes-fuerteventura-spain_181624-16124.jpg?_wi=2",
               imageAlt: "Family enjoying beach vacation",
             },
             {
@@ -180,7 +180,7 @@ export default function WaterSportsPage() {
               quote: "The underwater world was breathtaking. Professional guides, excellent equipment, and the most colorful marine life I've ever seen. Worth every penny.",
               name: "Patricia & Roberto",
               role: "Divers from Portugal",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg?_wi=4",
               imageAlt: "Happy couple enjoying vacation",
             },
           ]}
-- 
2.49.1


From 7534f6d0919a185a1cd0a392d20c90011d73d918 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:29 +0000
Subject: [PATCH 8/9] Update src/app/layout.tsx

---
 src/app/layout.tsx | 1367 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 1367 insertions(+)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2cff842..648d3a6 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' }, '*');
+})();
 `
           }}
         />
-- 
2.49.1


From e85c6db8ba6fd9887ee4d26d82800fc3a9ae9491 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 9 Mar 2026 02:32:29 +0000
Subject: [PATCH 9/9] Update src/app/page.tsx

---
 src/app/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 08293ad..4355847 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -98,7 +98,7 @@ export default function HomePage() {
               id: "1",
               name: "Costa Adeje Penthouse",
               price: "From €180/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg?_wi=1",
               imageAlt: "Luxury penthouse in Costa Adeje",
               onProductClick: () => window.location.href = "/apartments/costa-adeje",
             },
@@ -106,14 +106,14 @@ export default function HomePage() {
               id: "2",
               name: "Los Cristianos Beachfront",
               price: "From €150/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49500.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-two-her-multiracial-male-friends-relaxing-sunbeds-near-swimming-pool_1157-49500.jpg?_wi=1",
               imageAlt: "Beachfront apartment in Los Cristianos",
             },
             {
               id: "3",
               name: "Playa Las Américas Suite",
               price: "From €165/night",
-              imageSrc: "http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/white-resort-with-coconut-tree-leaves_23-2148249098.jpg?_wi=1",
               imageAlt: "Premium suite in Playa Las Américas",
             },
           ]}
@@ -181,7 +181,7 @@ export default function HomePage() {
               quote: "The penthouse exceeded all expectations. Waking up to ocean views with morning coffee was pure bliss. The attention to detail and hospitality made this our best vacation ever.",
               name: "Sarah & Michael",
               role: "Travelers from London",
-              imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16244.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-posing-street-fashion-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-cheerful-women-guy-outdoors_158538-16244.jpg?_wi=1",
               imageAlt: "Happy guests at Costa Adeje",
             },
             {
@@ -190,7 +190,7 @@ export default function HomePage() {
               quote: "Being steps away from the beach was incredible. The apartment was immaculate, well-stocked, and the sunset views from the terrace were absolutely mesmerizing.",
               name: "Elena & Marco",
               role: "Travelers from Milan",
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-having-fun-beach_23-2149313156.jpg?_wi=1",
               imageAlt: "Satisfied guests enjoying beach view",
             },
             {
@@ -199,7 +199,7 @@ export default function HomePage() {
               quote: "Our family of five had the most amazing time. The suite was spacious, the pool was perfect for the kids, and the staff helped us arrange everything effortlessly.",
               name: "The Johnson Family",
               role: "Travelers from New York",
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg?_wi=1",
               imageAlt: "Family enjoying vacation",
             },
             {
@@ -208,7 +208,7 @@ export default function HomePage() {
               quote: "Every moment felt special. From the moment we arrived until departure, everything was perfectly orchestrated. We're already planning our return.",
               name: "Anna & David",
               role: "Travelers from Berlin",
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-taking-selfie_23-2148588771.jpg?_wi=1",
               imageAlt: "Happy guests at luxury resort",
             },
           ]}
-- 
2.49.1