{"campaignId":"6a22cc992b7a3e9e19b29fec","campaignVersionId":"6a2441d68aa825d1a52f121a","companyId":"69db88d734a1c7879b4edc13","pageId":"6a244127e8a8464db8285016","pageName":"Landing Page - Service Type - Main","pageSlug":"page_rqtppq","tag":"interaction","components":[{"_id":"6a244127e8a8464db828501b","type":"component","isTemplate":false,"name":"text","content":{"kind":[],"box":{"bottom":"none","top":"none","right":"xLarge","left":"xLarge","backgroundColor":"#1A3A2A"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"medium","text":"Das ist ein Text Block für deine Nachricht.","plainText":"Get a Free Quote From Essex #1 Rated Tree Surgeons","wysiwygHtml":"<p><span style=\"color: #FFFFFF; --fs-m: 18px; --fs-t: 18px; --fs-d: 20px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.25; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Get a </strong></span><span style=\"color: #B3791B; --fs-m: 18px; --fs-t: 18px; --fs-d: 20px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.25; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Free Quote</strong></span><span style=\"color: #FFFFFF; --fs-m: 18px; --fs-t: 18px; --fs-d: 20px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.25; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\"> From Essex </strong></span><span style=\"color: #B3791B; --fs-m: 18px; --fs-t: 18px; --fs-d: 20px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.25; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">#1</strong></span><span style=\"color: #FFFFFF; --fs-m: 18px; --fs-t: 18px; --fs-d: 20px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.25; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\"> Rated Tree Surgeons</strong></span></p>"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"6904b163f0184c1c0536c1c4","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:51.246Z","updatedAt":"2026-06-06T15:47:51.246Z","__v":0},{"_id":"6a244127e8a8464db8285021","type":"component","isTemplate":false,"name":"media","content":{"box":{"left":"none","bottom":"none","right":"none","top":"small","backgroundColor":"#1A3A2A"},"icon":"play_circle_filled","srcType":"image","size":"custom","src":"https://perspective.imgix.net/6a22ccf11f84e57c2222e897.png?auto=compress&crop=focalpoint&cropHeight=338&cropWidth=640&dpr=2&fit=crop&fp-x=0.50&fp-y=0.47&fp-z=1&h=949.21875&w=1800","framed":false,"mediaIds":["6a22ccf11f84e57c2222e897"]},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"6904b164f0184c1c0536c1e4","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:51.285Z","updatedAt":"2026-06-06T15:47:51.285Z","__v":0},{"_id":"6a244127e8a8464db8285028","type":"component","isTemplate":false,"name":"questionMedia","content":{"kind":[],"box":{"bottom":"small","top":"small","right":"large","left":"large","backgroundColor":"#1A3A2A"},"align":"center","plainText":"Which Are You Looking For A Quote On? tap an icon below ↓","fieldName":"question_ic5dgq","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\"><strong class=\"fun-font-bold\">Which Are You Looking For A Quote On?</strong></strong></span></p><p><span style=\"color: #B3791B; --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\">tap an icon below<strong class=\"fun-font-bold\"><strong class=\"fun-font-bold\">&nbsp;<strong class=\"fun-font-bold\">↓</strong></strong></strong></span></p>"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244127e8a8464db8285037","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_ic5dgq","clickId":"answer_click_s1kz3u"},"parentId":"6a244127e8a8464db8285028","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244127e8a8464db8285057","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=214&cropWidth=285&dpr=2&fit=crop&fp-x=0.25&fp-y=0.24&fp-z=2.2429906542056073&h=1350&w=1800","srcType":"image","icon":"AZdybqR3xsWC","iconName":"rich","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none"},"framed":false,"mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244127e8a8464db8285037","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:51.477Z","updatedAt":"2026-06-06T15:47:51.477Z","__v":0},{"_id":"6a244127e8a8464db8285058","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Tree Removal","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Frühling","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Tree Removal</strong></span></p>"},"parentId":"6a244127e8a8464db8285037","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:51.477Z","updatedAt":"2026-06-06T15:47:51.477Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:51.406Z","updatedAt":"2026-06-06T15:47:51.477Z","__v":0},{"_id":"6a244127e8a8464db8285039","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_ic5dgq","clickId":"answer_click_u7ijxn"},"parentId":"6a244127e8a8464db8285028","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244127e8a8464db8285060","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=200&cropWidth=266&dpr=2&fit=crop&fp-x=0.75&fp-y=0.25&fp-z=2.4&h=1350&w=1800","srcType":"image","icon":"Wtr8jzu0nQXa","iconName":"metal-ingot","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none"},"framed":false,"isAnimated":false,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" baseProfile=\"basic\" viewBox=\"0 0 48 48\"><polygon fill=\"#78909c\" points=\"34,31 14,31 10,45 38,45\"/><polygon fill=\"#b0bec5\" points=\"14,32 17,2 31,2 34,32\"/><polygon fill=\"#546e7a\" points=\"10,45 13,9 17,2 15,32\"/><polygon fill=\"#546e7a\" points=\"38,45 35,9 31,2 33,32\"/></svg>","mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244127e8a8464db8285039","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:51.495Z","updatedAt":"2026-06-06T15:47:51.495Z","__v":0},{"_id":"6a244127e8a8464db828505f","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Tree Reduction","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Sommer","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Tree Reduction</strong></span></p>"},"parentId":"6a244127e8a8464db8285039","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:51.495Z","updatedAt":"2026-06-06T15:47:51.495Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:51.410Z","updatedAt":"2026-06-06T15:47:51.640Z","__v":1},{"_id":"6a244127e8a8464db828503a","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_ic5dgq","clickId":"answer_click_1893kg"},"parentId":"6a244127e8a8464db8285028","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244127e8a8464db8285063","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=215&cropWidth=287&dpr=2&fit=crop&fp-x=0.27&fp-y=0.73&fp-z=2.229965156794425&h=1350&w=1800","srcType":"image","icon":"39174","iconName":"badge","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none","backgroundColor":"#E3D1B8"},"framed":false,"mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244127e8a8464db828503a","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:51.495Z","updatedAt":"2026-06-06T15:47:51.495Z","__v":0},{"_id":"6a244127e8a8464db8285064","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Stump Grinding","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Herbst","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Stump Grinding</strong></span></p>"},"parentId":"6a244127e8a8464db828503a","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:51.495Z","updatedAt":"2026-06-06T15:47:51.495Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:51.410Z","updatedAt":"2026-06-06T15:47:51.497Z","__v":0},{"_id":"6a244127e8a8464db828503b","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_ic5dgq","clickId":"answer_click_mk1qyt"},"parentId":"6a244127e8a8464db8285028","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244127e8a8464db8285062","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=210&cropWidth=280&dpr=2&fit=crop&fp-x=0.74&fp-y=0.74&fp-z=2.2857142857142856&h=1350&w=1800","srcType":"image","icon":"107461","iconName":"working-with-a-laptop","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none"},"framed":false,"mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244127e8a8464db828503b","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:51.495Z","updatedAt":"2026-06-06T15:47:51.495Z","__v":0},{"_id":"6a244127e8a8464db8285061","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Hedge Cutting","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Winter","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Hedge Cutting</strong></span></p>"},"parentId":"6a244127e8a8464db828503b","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:51.495Z","updatedAt":"2026-06-06T15:47:51.495Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:51.410Z","updatedAt":"2026-06-06T15:47:51.657Z","__v":1}],"allowedChildSections":["5aa282097a98f12d842fac71"],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMedia","createdAt":"2026-06-06T15:47:51.323Z","updatedAt":"2026-06-06T15:47:51.413Z","__v":0},{"_id":"6a244127e8a8464db82850b4","type":"component","isTemplate":false,"name":"divider","content":{"box":{"bottom":"none","top":"none","right":"xLarge","left":"xLarge","backgroundColor":"#1A3A2A"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"dashed":false,"hidden":false,"spacings":"small","solid":true,"lineStyle":"solid","color":"#B3791B","size":"small"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69a019f6c9338c12962be586","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"divider","createdAt":"2026-06-06T15:47:51.741Z","updatedAt":"2026-06-06T15:47:51.741Z","__v":0},{"_id":"6a244127e8a8464db82850ba","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Ongar Tree Care – Reviews</title>\n  <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap\" rel=\"stylesheet\" />\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n  <style>\n    * { font-family: 'Poppins', sans-serif; box-sizing: border-box; }\n\n    @keyframes enterFadeUp {\n      from { opacity: 0; transform: translateY(10px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n    .anim-1 { opacity: 0; animation: enterFadeUp 600ms ease forwards; animation-delay: 50ms; }\n    .anim-2 { opacity: 0; animation: enterFadeUp 600ms ease forwards; animation-delay: 100ms; }\n    .anim-3 { opacity: 0; animation: enterFadeUp 600ms ease forwards; animation-delay: 150ms; }\n    .anim-4 { opacity: 0; animation: enterFadeUp 600ms ease forwards; animation-delay: 200ms; }\n    .anim-5 { opacity: 0; animation: enterFadeUp 600ms ease forwards; animation-delay: 250ms; }\n\n    .slide-item { display: none; width: 100%; }\n    .slide-item.active { display: block; }\n\n    @keyframes slideIn {\n      from { opacity: 0; transform: translateX(30px); }\n      to   { opacity: 1; transform: translateX(0); }\n    }\n    @keyframes slideInLeft {\n      from { opacity: 0; transform: translateX(-30px); }\n      to   { opacity: 1; transform: translateX(0); }\n    }\n    .slide-item.active.dir-next { animation: slideIn 400ms ease forwards; }\n    .slide-item.active.dir-prev { animation: slideInLeft 400ms ease forwards; }\n\n    .arrow-btn {\n      background: rgba(177,118,30,0.15);\n      border: 2px solid #B1761E;\n      border-radius: 9999px;\n      width: 44px; height: 44px;\n      display: flex; align-items: center; justify-content: center;\n      cursor: pointer;\n      transition: background 0.2s;\n      flex-shrink: 0;\n    }\n    .arrow-btn:hover { background: rgba(177,118,30,0.35); }\n\n    .dot {\n      width: 8px; height: 8px;\n      border-radius: 9999px;\n      background: rgba(177,118,30,0.3);\n      cursor: pointer;\n      transition: background 0.3s, width 0.3s;\n    }\n    .dot.active { background: #B1761E; width: 24px; }\n\n    .placeholder-slide {\n      background: rgba(255,255,255,0.04);\n      border: 2px dashed rgba(177,118,30,0.4);\n      border-radius: 20px;\n      min-height: 160px;\n      display: flex; align-items: center; justify-content: center;\n      text-align: center; padding: 32px;\n    }\n\n    .screenshot-slide {\n      border: 2px solid #B1761E;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 32px rgba(0,0,0,0.35);\n      background: #fff;\n    }\n\n    .progress-track {\n      height: 2px;\n      background: rgba(177,118,30,0.2);\n      border-radius: 9999px;\n      overflow: hidden;\n      margin-top: 16px;\n    }\n    .progress-fill {\n      height: 100%;\n      background: #B1761E;\n      border-radius: 9999px;\n      width: 0%;\n      transition: width linear;\n    }\n\n    .fb-card { padding: 20px; background: #fff; }\n    .fb-avatar {\n      width: 44px; height: 44px;\n      border-radius: 50%;\n      background: #e0e0e0;\n      overflow: hidden; flex-shrink: 0;\n      display: flex; align-items: center; justify-content: center;\n    }\n    .fb-name-row {\n      font-size: 15px; font-weight: 700; color: #1c1e21;\n      line-height: 1.3; font-family: 'Poppins', sans-serif;\n    }\n    .fb-meta {\n      font-size: 12px; color: #606770;\n      display: flex; align-items: center; gap: 4px;\n      margin-top: 2px; font-family: 'Poppins', sans-serif;\n    }\n    .fb-text {\n      font-size: 15px; color: #1c1e21;\n      line-height: 1.6; margin: 0;\n      font-family: 'Poppins', sans-serif;\n    }\n    .fb-dots { color: #606770; font-size: 20px; letter-spacing: 2px; line-height: 1; }\n  </style>\n</head>\n<body style=\"background:#1A3A2A; margin:0; padding:0;\">\n\n  <section style=\"background:#1A3A2A; padding: 64px 24px 72px;\">\n    <div style=\"max-width: 680px; margin: 0 auto;\">\n\n      <!-- Header -->\n      <div style=\"text-align:center; margin-bottom: 40px;\">\n        <p class=\"anim-1\" style=\"color:#B1761E; font-size:13px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; margin:0 0 12px;\">\n          WHAT OUR CUSTOMERS SAY\n        </p>\n        <h2 class=\"anim-2\" style=\"color:#FFFFFF; font-size:clamp(36px,6vw,56px); font-weight:700; line-height:1.1; margin:0 0 14px;\">\n          Trusted Across Essex\n        </h2>\n        <p class=\"anim-3\" style=\"color:rgba(255,255,255,0.75); font-size:18px; font-weight:400; margin:0; line-height:1.6;\">\n          Real reviews from real customers of Ongar Tree Care.\n        </p>\n      </div>\n\n      <!-- Carousel -->\n      <div class=\"anim-4\" style=\"position:relative;\">\n        <div id=\"carousel-slides\" style=\"position:relative; min-height: 140px;\">\n\n          <!-- Slide 1 – Helen Peskett -->\n          <div class=\"slide-item active dir-next\" data-index=\"0\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Helen Peskett <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      28 May 2024 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">Harvey has done a few jobs for us &amp; our friends, very knowledgeable and also takes everything away leaving no mess 👍</p>\n              </div>\n            </div>\n          </div>\n\n          <!-- Slide 2 – Carol Kendall -->\n          <div class=\"slide-item\" data-index=\"1\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Carol Kendall <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      16 July 2024 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">Harvey was punctual, polite and very hard working! He's very knowledgeable and did a great job, I would highly recommend 👍</p>\n              </div>\n            </div>\n          </div>\n\n          <!-- Slide 3 – Nicole Moody -->\n          <div class=\"slide-item\" data-index=\"2\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Nicole Moody <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      8 May 2023 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">An excellent job. Cleared trees and bushes. Left the garden immaculate afterwards.</p>\n              </div>\n            </div>\n          </div>\n\n          <!-- Slide 4 – Zoe Moore -->\n          <div class=\"slide-item\" data-index=\"3\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Zoe Moore <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      17 May 2024 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">Olly and Harvey is fantastic, highly recommended !</p>\n              </div>\n            </div>\n          </div>\n\n          <!-- Slide 5 – Natasha Parish Nee-robinson -->\n          <div class=\"slide-item\" data-index=\"4\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Natasha Parish Nee-robinson <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      20 May 2024 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">They did a great job and were very reasonably priced. Highly recommended.</p>\n              </div>\n            </div>\n          </div>\n\n          <!-- Slide 6 – Karen Heather Hamilton Praill -->\n          <div class=\"slide-item\" data-index=\"5\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Karen Heather Hamilton Praill <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      4 June 2024 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">We have used Harvey a few times now.<br>Professional and reliable.<br>Would recommend his services.</p>\n              </div>\n            </div>\n          </div>\n\n          <!-- Slide 7 – Ashley Wilson -->\n          <div class=\"slide-item\" data-index=\"6\">\n            <div class=\"screenshot-slide\">\n              <div class=\"fb-card\">\n                <div style=\"display:flex; align-items:center; gap:10px; margin-bottom:12px;\">\n                  <div class=\"fb-avatar\">\n                    <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"#aaa\"><path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\"/></svg>\n                  </div>\n                  <div style=\"flex:1; min-width:0;\">\n                    <div class=\"fb-name-row\">\n                      Ashley Wilson <span style=\"color:#e41c1c; font-size:13px;\">❤️</span>\n                      <span style=\"font-weight:400; color:#606770;\"> recommends </span>\n                      <span style=\"font-weight:700; color:#1c1e21;\">Ongar Tree Care.</span>\n                    </div>\n                    <div class=\"fb-meta\">\n                      2 June at 17:08 ·\n                      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"#606770\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#fff\" stroke-width=\"1.5\"/><path d=\"M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"#fff\" stroke-width=\"1.5\" fill=\"none\"/></svg>\n                    </div>\n                  </div>\n                  <div class=\"fb-dots\">···</div>\n                </div>\n                <p class=\"fb-text\">Great job &amp; a tidy worker too<br>Would definitely recommend 👍</p>\n              </div>\n            </div>\n          </div>\n\n        </div>\n\n        <!-- Progress bar -->\n        <div class=\"progress-track\">\n          <div class=\"progress-fill\" id=\"progress-fill\"></div>\n        </div>\n\n        <!-- Controls -->\n        <div style=\"display:flex; align-items:center; justify-content:space-between; margin-top:24px; gap:16px;\">\n          <button class=\"arrow-btn\" id=\"btn-prev\" aria-label=\"Previous review\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B1761E\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"15 18 9 12 15 6\"/>\n            </svg>\n          </button>\n\n          <div id=\"dots-container\" style=\"display:flex; align-items:center; gap:6px; flex:1; justify-content:center;\">\n            <div class=\"dot active\" data-dot=\"0\"></div>\n            <div class=\"dot\" data-dot=\"1\"></div>\n            <div class=\"dot\" data-dot=\"2\"></div>\n            <div class=\"dot\" data-dot=\"3\"></div>\n            <div class=\"dot\" data-dot=\"4\"></div>\n            <div class=\"dot\" data-dot=\"5\"></div>\n            <div class=\"dot\" data-dot=\"6\"></div>\n          </div>\n\n          <button class=\"arrow-btn\" id=\"btn-next\" aria-label=\"Next review\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B1761E\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 18 15 12 9 6\"/>\n            </svg>\n          </button>\n        </div>\n      </div>\n\n      <!-- Bottom badge -->\n      <div class=\"anim-5\" style=\"text-align:center; margin-top:40px;\">\n        <div style=\"display:inline-flex; align-items:center; gap:10px; background:rgba(177,118,30,0.12); border:1.5px solid rgba(177,118,30,0.4); border-radius:9999px; padding:10px 24px;\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B1761E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"/>\n          </svg>\n          <span style=\"color:#B1761E; font-size:15px; font-weight:700; letter-spacing:0.03em;\">\n            30+ verified reviews across Essex\n          </span>\n        </div>\n      </div>\n\n    </div>\n  </section>\n\n  <script>\n    const TOTAL = 7;\n    const AUTO_INTERVAL = 5000;\n    let current = 0;\n    let autoTimer = null;\n\n    const slides = document.querySelectorAll('.slide-item');\n    const dots   = document.querySelectorAll('.dot');\n    const fill   = document.getElementById('progress-fill');\n\n    function goTo(index, dir) {\n      slides[current].classList.remove('active', 'dir-next', 'dir-prev');\n      dots[current].classList.remove('active');\n      current = (index + TOTAL) % TOTAL;\n      slides[current].classList.add('active', dir === 'prev' ? 'dir-prev' : 'dir-next');\n      dots[current].classList.add('active');\n      resetProgress();\n    }\n\n    function next() { goTo(current + 1, 'next'); }\n    function prev() { goTo(current - 1, 'prev'); }\n\n    function resetProgress() {\n      fill.style.transition = 'none';\n      fill.style.width = '0%';\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          fill.style.transition = `width ${AUTO_INTERVAL}ms linear`;\n          fill.style.width = '100%';\n        });\n      });\n    }\n\n    function startAuto() {\n      clearInterval(autoTimer);\n      autoTimer = setInterval(next, AUTO_INTERVAL);\n      resetProgress();\n    }\n\n    function stopAuto() {\n      clearInterval(autoTimer);\n      fill.style.transition = 'none';\n    }\n\n    document.getElementById('btn-next').addEventListener('click', () => { stopAuto(); next(); startAuto(); });\n    document.getElementById('btn-prev').addEventListener('click', () => { stopAuto(); prev(); startAuto(); });\n\n    dots.forEach(dot => {\n      dot.addEventListener('click', () => {\n        const i = parseInt(dot.dataset.dot);\n        if (i === current) return;\n        stopAuto();\n        goTo(i, i > current ? 'next' : 'prev');\n        startAuto();\n      });\n    });\n\n    let touchStartX = 0;\n    const carouselEl = document.getElementById('carousel-slides');\n    carouselEl.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, { passive: true });\n    carouselEl.addEventListener('touchend', e => {\n      const diff = touchStartX - e.changedTouches[0].clientX;\n      if (Math.abs(diff) > 40) { stopAuto(); diff > 0 ? next() : prev(); startAuto(); }\n    }, { passive: true });\n\n    startAuto();\n  </script>\n</body>\n</html>","head":"","provider":"ai","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69f9a1b9fdde719c0f714fd6","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"embed","createdAt":"2026-06-06T15:47:51.783Z","updatedAt":"2026-06-06T15:47:51.783Z","__v":0},{"_id":"6a244127e8a8464db82850c0","type":"component","isTemplate":false,"name":"divider","content":{"box":{"bottom":"none","top":"none","right":"xLarge","left":"xLarge","backgroundColor":"#1A3A2A"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"dashed":false,"hidden":false,"spacings":"small","solid":true,"lineStyle":"solid","color":"#B3791B","size":"small"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69a019f6c9338c12962be586","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"divider","createdAt":"2026-06-06T15:47:51.813Z","updatedAt":"2026-06-06T15:47:51.813Z","__v":0},{"_id":"6a244127e8a8464db82850c6","type":"component","isTemplate":false,"name":"embed","content":{"body":"&lt;!-- Meta Pixel Code --&gt;\n&lt;script&gt;\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=&#39;2.0&#39;;\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,&#39;script&#39;,\n&#39;https://connect.facebook.net/en_US/fbevents.js&#39;);\nfbq(&#39;init&#39;, &#39;850472481437501&#39;);\nfbq(&#39;track&#39;, &#39;PageView&#39;);\n&lt;/script&gt;\n&lt;noscript&gt;&lt;img height=&quot;1&quot; width=&quot;1&quot; style=&quot;display:none&quot;\nsrc=&quot;https://www.facebook.com/tr?id=850472481437501&amp;ev=PageView&amp;noscript=1&quot;\n/&gt;&lt;/noscript&gt;\n&lt;!-- End Meta Pixel Code --&gt;","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small","backgroundColor":"#1A3A2A"},"framed":false,"isGdprSensitive":true},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"65eb072f9671ba48e6c8390b","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"embed","createdAt":"2026-06-06T15:47:51.842Z","updatedAt":"2026-06-06T15:47:51.842Z","__v":0},{"_id":"6a244127e8a8464db82850cc","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>Meet The Team</title>\n  <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap\" rel=\"stylesheet\" />\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      background-color: #1A3A2A;\n      font-family: 'Poppins', sans-serif;\n      color: #FFFFFF;\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* ── Entrance animations ── */\n    @keyframes enterUp {\n      from { opacity: 0; transform: translateY(10px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    .anim {\n      opacity: 0;\n      animation: enterUp 600ms ease forwards;\n    }\n    .anim-1 { animation-delay: 50ms; }\n    .anim-2 { animation-delay: 100ms; }\n    .anim-3 { animation-delay: 150ms; }\n    .anim-4 { animation-delay: 200ms; }\n    .anim-5 { animation-delay: 250ms; }\n\n    /* ── Section ── */\n    .section {\n      width: 100%;\n      max-width: 680px;\n      padding: 72px 24px 80px;\n      text-align: center;\n    }\n\n    .eyebrow {\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 0.2em;\n      color: #B1761E;\n      text-transform: uppercase;\n      margin-bottom: 16px;\n    }\n\n    .heading {\n      font-size: clamp(36px, 7vw, 56px);\n      font-weight: 700;\n      color: #FFFFFF;\n      line-height: 1.1;\n      margin-bottom: 52px;\n    }\n\n    /* ── Slideshow ── */\n    .slideshow-wrapper {\n      position: relative;\n      width: 100%;\n    }\n\n    .slide-viewport {\n      overflow: hidden;\n      border-radius: 20px;\n    }\n\n    .slide-track {\n      display: flex;\n      transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);\n      will-change: transform;\n    }\n\n    .slide {\n      min-width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 0;\n    }\n\n    /* Photo frame */\n    .photo-frame {\n      width: 260px;\n      height: 300px;\n      border-radius: 20px;\n      border: 3px solid #B1761E;\n      overflow: hidden;\n      box-shadow: 0 8px 40px rgba(0,0,0,0.35), 0 2px 8px rgba(0,0,0,0.2);\n      background-color: #0f2419;\n      position: relative;\n      flex-shrink: 0;\n    }\n\n    .photo-frame img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    /* Placeholder state */\n    .photo-placeholder {\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      background: linear-gradient(145deg, #1f4433, #0f2419);\n    }\n\n    .placeholder-icon {\n      width: 56px;\n      height: 56px;\n      border-radius: 9999px;\n      border: 2px dashed rgba(177, 118, 30, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .placeholder-icon svg {\n      width: 26px;\n      height: 26px;\n      color: rgba(177, 118, 30, 0.6);\n    }\n\n    .placeholder-label {\n      font-size: 12px;\n      color: rgba(255,255,255,0.35);\n      letter-spacing: 0.05em;\n    }\n\n    /* Member info */\n    .member-info {\n      margin-top: 28px;\n      text-align: center;\n    }\n\n    .member-name {\n      font-size: 22px;\n      font-weight: 700;\n      color: #FFFFFF;\n      line-height: 1.2;\n    }\n\n    .member-role {\n      font-size: 14px;\n      font-weight: 400;\n      color: #B1761E;\n      margin-top: 6px;\n      letter-spacing: 0.04em;\n    }\n\n    /* ── Arrow buttons ── */\n    .arrow-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-60%);\n      width: 44px;\n      height: 44px;\n      border-radius: 9999px;\n      background: rgba(177, 118, 30, 0.15);\n      border: 1.5px solid rgba(177, 118, 30, 0.45);\n      color: #B1761E;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: background 200ms ease, border-color 200ms ease, transform 200ms ease;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.25);\n      z-index: 10;\n      flex-shrink: 0;\n    }\n\n    .arrow-btn:hover {\n      background: rgba(177, 118, 30, 0.28);\n      border-color: #B1761E;\n      transform: translateY(-60%) scale(1.07);\n    }\n\n    .arrow-btn:active {\n      transform: translateY(-60%) scale(0.96);\n    }\n\n    .arrow-btn.prev { left: -22px; }\n    .arrow-btn.next { right: -22px; }\n\n    @media (max-width: 400px) {\n      .arrow-btn.prev { left: 4px; }\n      .arrow-btn.next { right: 4px; }\n    }\n\n    /* ── Dot indicators ── */\n    .dots {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 36px;\n    }\n\n    .dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 9999px;\n      background: rgba(177, 118, 30, 0.3);\n      cursor: pointer;\n      transition: background 300ms ease, width 300ms ease;\n      border: none;\n    }\n\n    .dot.active {\n      background: #B1761E;\n      width: 24px;\n    }\n\n    /* ── Progress bar ── */\n    .progress-bar-wrap {\n      width: 100%;\n      max-width: 260px;\n      height: 2px;\n      background: rgba(255,255,255,0.08);\n      border-radius: 9999px;\n      margin: 24px auto 0;\n      overflow: hidden;\n    }\n\n    .progress-bar-fill {\n      height: 100%;\n      background: #B1761E;\n      border-radius: 9999px;\n      width: 0%;\n      transition: width 5000ms linear;\n    }\n  </style>\n</head>\n<body>\n  <section class=\"section\">\n\n    <!-- Eyebrow -->\n    <p class=\"eyebrow anim anim-1\">Meet The Team</p>\n\n    <!-- Heading -->\n    <h2 class=\"heading anim anim-2\">The Ongar Tree Care Crew</h2>\n\n    <!-- Slideshow -->\n    <div class=\"slideshow-wrapper anim anim-3\">\n\n      <!-- Prev arrow -->\n      <button class=\"arrow-btn prev\" id=\"prevBtn\" aria-label=\"Previous team member\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"15 18 9 12 15 6\"/>\n        </svg>\n      </button>\n\n      <!-- Viewport -->\n      <div class=\"slide-viewport\">\n        <div class=\"slide-track\" id=\"slideTrack\">\n\n          <!-- Slide 1 — Placeholder -->\n          <div class=\"slide\">\n            <div class=\"photo-frame\">\n              <div class=\"photo-placeholder\">\n                <div class=\"placeholder-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n                  </svg>\n                </div>\n                <span class=\"placeholder-label\">Photo coming soon</span>\n              </div>\n            </div>\n            <div class=\"member-info\">\n              <p class=\"member-name\">Team Member 1</p>\n              <p class=\"member-role\">Role / Title</p>\n            </div>\n          </div>\n\n          <!-- Slide 2 — Placeholder -->\n          <div class=\"slide\">\n            <div class=\"photo-frame\">\n              <div class=\"photo-placeholder\">\n                <div class=\"placeholder-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n                  </svg>\n                </div>\n                <span class=\"placeholder-label\">Photo coming soon</span>\n              </div>\n            </div>\n            <div class=\"member-info\">\n              <p class=\"member-name\">Team Member 2</p>\n              <p class=\"member-role\">Role / Title</p>\n            </div>\n          </div>\n\n          <!-- Slide 3 — Placeholder -->\n          <div class=\"slide\">\n            <div class=\"photo-frame\">\n              <div class=\"photo-placeholder\">\n                <div class=\"placeholder-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n                  </svg>\n                </div>\n                <span class=\"placeholder-label\">Photo coming soon</span>\n              </div>\n            </div>\n            <div class=\"member-info\">\n              <p class=\"member-name\">Team Member 3</p>\n              <p class=\"member-role\">Role / Title</p>\n            </div>\n          </div>\n\n          <!-- Slide 4 — Placeholder -->\n          <div class=\"slide\">\n            <div class=\"photo-frame\">\n              <div class=\"photo-placeholder\">\n                <div class=\"placeholder-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n                  </svg>\n                </div>\n                <span class=\"placeholder-label\">Photo coming soon</span>\n              </div>\n            </div>\n            <div class=\"member-info\">\n              <p class=\"member-name\">Team Member 4</p>\n              <p class=\"member-role\">Role / Title</p>\n            </div>\n          </div>\n\n          <!-- Slide 5 — Placeholder -->\n          <div class=\"slide\">\n            <div class=\"photo-frame\">\n              <div class=\"photo-placeholder\">\n                <div class=\"placeholder-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\n                    <circle cx=\"12\" cy=\"7\" r=\"4\"/>\n                  </svg>\n                </div>\n                <span class=\"placeholder-label\">Photo coming soon</span>\n              </div>\n            </div>\n            <div class=\"member-info\">\n              <p class=\"member-name\">Team Member 5</p>\n              <p class=\"member-role\">Role / Title</p>\n            </div>\n          </div>\n\n        </div><!-- /slide-track -->\n      </div><!-- /slide-viewport -->\n\n      <!-- Next arrow -->\n      <button class=\"arrow-btn next\" id=\"nextBtn\" aria-label=\"Next team member\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"9 18 15 12 9 6\"/>\n        </svg>\n      </button>\n    </div><!-- /slideshow-wrapper -->\n\n    <!-- Progress bar -->\n    <div class=\"progress-bar-wrap anim anim-4\">\n      <div class=\"progress-bar-fill\" id=\"progressFill\"></div>\n    </div>\n\n    <!-- Dots -->\n    <div class=\"dots anim anim-5\" id=\"dotsContainer\"></div>\n\n  </section>\n\n  <script>\n    const track       = document.getElementById('slideTrack');\n    const prevBtn     = document.getElementById('prevBtn');\n    const nextBtn     = document.getElementById('nextBtn');\n    const dotsWrap    = document.getElementById('dotsContainer');\n    const progressFill = document.getElementById('progressFill');\n\n    const slides      = track.querySelectorAll('.slide');\n    const total       = slides.length;\n    let current       = 0;\n    let autoTimer     = null;\n    let progressTimer = null;\n\n    // Build dots\n    slides.forEach((_, i) => {\n      const dot = document.createElement('button');\n      dot.className = 'dot' + (i === 0 ? ' active' : '');\n      dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n      dot.addEventListener('click', () => goTo(i));\n      dotsWrap.appendChild(dot);\n    });\n\n    function getDots() { return dotsWrap.querySelectorAll('.dot'); }\n\n    function goTo(index) {\n      current = (index + total) % total;\n      track.style.transform = `translateX(-${current * 100}%)`;\n      getDots().forEach((d, i) => d.classList.toggle('active', i === current));\n      resetProgress();\n    }\n\n    function resetProgress() {\n      // Reset bar\n      progressFill.style.transition = 'none';\n      progressFill.style.width = '0%';\n      // Force reflow\n      void progressFill.offsetWidth;\n      // Animate\n      progressFill.style.transition = 'width 5000ms linear';\n      progressFill.style.width = '100%';\n    }\n\n    function startAuto() {\n      clearInterval(autoTimer);\n      autoTimer = setInterval(() => goTo(current + 1), 5000);\n      resetProgress();\n    }\n\n    prevBtn.addEventListener('click', () => {\n      clearInterval(autoTimer);\n      goTo(current - 1);\n      startAuto();\n    });\n\n    nextBtn.addEventListener('click', () => {\n      clearInterval(autoTimer);\n      goTo(current + 1);\n      startAuto();\n    });\n\n    // Kick off\n    goTo(0);\n    startAuto();\n  </script>\n</body>\n</html>\n","head":"","provider":"ai","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69f9a1b9fdde719c0f714fd6","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"embed","createdAt":"2026-06-06T15:47:51.897Z","updatedAt":"2026-06-06T15:47:51.897Z","__v":0},{"_id":"6a244127e8a8464db82850d2","type":"component","isTemplate":false,"name":"divider","content":{"box":{"bottom":"none","top":"none","right":"xLarge","left":"xLarge","backgroundColor":"#1A3A2A"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"dashed":false,"hidden":false,"spacings":"small","solid":true,"lineStyle":"solid","color":"#B3791B","size":"small"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69a019f6c9338c12962be586","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"divider","createdAt":"2026-06-06T15:47:51.939Z","updatedAt":"2026-06-06T15:47:51.939Z","__v":0},{"_id":"6a244127e8a8464db82850d8","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n  <title>Our Work Gallery</title>\n  <link href=\"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap\" rel=\"stylesheet\" />\n  <script src=\"https://cdn.tailwindcss.com\"></script>\n  <style>\n    * { font-family: 'Poppins', sans-serif; box-sizing: border-box; }\n\n    /* Entrance animations */\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(10px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n    .anim-1 { opacity: 0; animation: fadeUp 600ms ease forwards; animation-delay: 50ms; }\n    .anim-2 { opacity: 0; animation: fadeUp 600ms ease forwards; animation-delay: 100ms; }\n    .anim-3 { opacity: 0; animation: fadeUp 600ms ease forwards; animation-delay: 150ms; }\n    .anim-4 { opacity: 0; animation: fadeUp 600ms ease forwards; animation-delay: 200ms; }\n\n    /* Slide transition */\n    .slide-enter  { animation: slideIn 500ms ease forwards; }\n    .slide-leave  { animation: slideOut 500ms ease forwards; }\n    @keyframes slideIn  { from { opacity: 0; transform: scale(0.97); } to { opacity: 1; transform: scale(1); } }\n    @keyframes slideOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.97); } }\n\n    /* Progress bar */\n    @keyframes progressFill {\n      from { width: 0%; }\n      to   { width: 100%; }\n    }\n    .progress-bar {\n      height: 3px;\n      background: #B1761E;\n      border-radius: 9999px;\n      width: 0%;\n      animation: progressFill 5s linear forwards;\n    }\n\n    /* Arrow buttons */\n    .arrow-btn {\n      display: flex; align-items: center; justify-content: center;\n      width: 48px; height: 48px;\n      border-radius: 9999px;\n      border: 2px solid #B1761E;\n      background: rgba(177,118,30,0.12);\n      color: #B1761E;\n      cursor: pointer;\n      transition: background 0.2s, transform 0.15s;\n      flex-shrink: 0;\n    }\n    .arrow-btn:hover { background: rgba(177,118,30,0.28); transform: scale(1.07); }\n    .arrow-btn:active { transform: scale(0.96); }\n\n    /* Dot indicators */\n    .dot {\n      width: 8px; height: 8px;\n      border-radius: 9999px;\n      background: rgba(255,255,255,0.3);\n      transition: background 0.3s, width 0.3s;\n      cursor: pointer;\n    }\n    .dot.active {\n      background: #B1761E;\n      width: 24px;\n    }\n\n    /* Placeholder card */\n    .placeholder-card {\n      display: flex; flex-direction: column;\n      align-items: center; justify-content: center;\n      gap: 12px;\n      background: rgba(255,255,255,0.04);\n      border: 2px dashed rgba(177,118,30,0.45);\n      border-radius: 20px;\n      color: rgba(255,255,255,0.35);\n      font-size: 14px;\n      text-align: center;\n      padding: 20px;\n    }\n    .placeholder-icon {\n      width: 56px; height: 56px;\n      border-radius: 50%;\n      background: rgba(177,118,30,0.12);\n      display: flex; align-items: center; justify-content: center;\n    }\n\n    /* Image frame */\n    .photo-frame {\n      border: 3px solid #B1761E;\n      border-radius: 20px;\n      overflow: hidden;\n      box-shadow: 0 8px 40px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.25);\n      width: 100%;\n      aspect-ratio: 4/3;\n      position: relative;\n      background: #0f2118;\n    }\n    .photo-frame img {\n      width: 100%; height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    /* Counter badge */\n    .counter-badge {\n      position: absolute;\n      bottom: 14px; right: 14px;\n      background: rgba(0,0,0,0.55);\n      backdrop-filter: blur(6px);\n      border: 1px solid rgba(177,118,30,0.5);\n      border-radius: 9999px;\n      padding: 4px 14px;\n      font-size: 13px;\n      color: #fff;\n      font-weight: 700;\n      letter-spacing: 0.04em;\n    }\n  </style>\n</head>\n<body style=\"background:#1A3A2A; margin:0; padding:0;\">\n\n  <section style=\"background:#1A3A2A; padding: 72px 24px 80px; max-width: 680px; margin: 0 auto;\">\n\n    <!-- Eyebrow label -->\n    <p class=\"anim-1\" style=\"\n      text-align: center;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: #B1761E;\n      margin: 0 0 14px;\n    \">OUR WORK</p>\n\n    <!-- Main heading -->\n    <h2 class=\"anim-2\" style=\"\n      text-align: center;\n      font-size: clamp(32px, 6vw, 52px);\n      font-weight: 700;\n      color: #FFFFFF;\n      margin: 0 0 48px;\n      line-height: 1.15;\n    \">Some Of Our Recent Jobs<br>Across Essex</h2>\n\n    <!-- Slideshow -->\n    <div class=\"anim-3\" style=\"position: relative;\">\n\n      <!-- Main photo frame -->\n      <div class=\"photo-frame\" id=\"slideFrame\">\n        <!-- Slide content injected by JS -->\n        <div id=\"slideContent\" style=\"width:100%;height:100%;\"></div>\n        <div class=\"counter-badge\" id=\"counterBadge\">1 / 6</div>\n      </div>\n\n      <!-- Progress bar -->\n      <div style=\"margin-top: 16px; background: rgba(255,255,255,0.1); border-radius: 9999px; overflow:hidden; height:3px;\">\n        <div class=\"progress-bar\" id=\"progressBar\"></div>\n      </div>\n\n      <!-- Controls row -->\n      <div style=\"display:flex; align-items:center; justify-content:space-between; margin-top: 24px; gap: 16px;\">\n\n        <!-- Prev arrow -->\n        <button class=\"arrow-btn\" id=\"prevBtn\" aria-label=\"Previous photo\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"15 18 9 12 15 6\"/>\n          </svg>\n        </button>\n\n        <!-- Dot indicators -->\n        <div style=\"display:flex; align-items:center; gap:8px; flex:1; justify-content:center;\" id=\"dotsContainer\"></div>\n\n        <!-- Next arrow -->\n        <button class=\"arrow-btn\" id=\"nextBtn\" aria-label=\"Next photo\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"9 18 15 12 9 6\"/>\n          </svg>\n        </button>\n\n      </div>\n    </div>\n\n    <!-- Thumbnail strip -->\n    <div class=\"anim-4\" style=\"display:flex; gap:10px; margin-top:28px; overflow-x:auto; padding-bottom:4px; scrollbar-width:none;\" id=\"thumbStrip\">\n    </div>\n\n  </section>\n\n  <script>\n    // ─── Slide data – add your image URLs here ───────────────────────────────\n    const slides = [\n      { src: null, label: 'Photo 1' },\n      { src: null, label: 'Photo 2' },\n      { src: null, label: 'Photo 3' },\n      { src: null, label: 'Photo 4' },\n      { src: null, label: 'Photo 5' },\n      { src: null, label: 'Photo 6' },\n    ];\n    // ─────────────────────────────────────────────────────────────────────────\n\n    const TOTAL = slides.length;\n    let current = 0;\n    let autoTimer = null;\n    let progressKey = 0;\n\n    const slideContent  = document.getElementById('slideContent');\n    const counterBadge  = document.getElementById('counterBadge');\n    const progressBar   = document.getElementById('progressBar');\n    const dotsContainer = document.getElementById('dotsContainer');\n    const thumbStrip    = document.getElementById('thumbStrip');\n    const prevBtn       = document.getElementById('prevBtn');\n    const nextBtn       = document.getElementById('nextBtn');\n\n    // Build dots\n    for (let i = 0; i < TOTAL; i++) {\n      const dot = document.createElement('div');\n      dot.className = 'dot' + (i === 0 ? ' active' : '');\n      dot.addEventListener('click', () => goTo(i));\n      dotsContainer.appendChild(dot);\n    }\n\n    // Build thumbnails\n    slides.forEach((slide, i) => {\n      const thumb = document.createElement('div');\n      thumb.id = 'thumb-' + i;\n      thumb.style.cssText = `\n        flex-shrink: 0;\n        width: 72px; height: 54px;\n        border-radius: 10px;\n        overflow: hidden;\n        border: 2px solid ${i === 0 ? '#B1761E' : 'rgba(177,118,30,0.3)'};\n        cursor: pointer;\n        transition: border-color 0.25s, transform 0.2s;\n        background: rgba(255,255,255,0.04);\n        display: flex; align-items: center; justify-content: center;\n      `;\n      if (slide.src) {\n        const img = document.createElement('img');\n        img.src = slide.src;\n        img.style.cssText = 'width:100%;height:100%;object-fit:cover;display:block;';\n        thumb.appendChild(img);\n      } else {\n        thumb.innerHTML = `<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(177,118,30,0.5)\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><polyline points=\"21 15 16 10 5 21\"/></svg>`;\n      }\n      thumb.addEventListener('click', () => goTo(i));\n      thumbStrip.appendChild(thumb);\n    });\n\n    function renderSlide(index, animate) {\n      const slide = slides[index];\n      slideContent.innerHTML = '';\n\n      if (slide.src) {\n        const img = document.createElement('img');\n        img.src = slide.src;\n        img.style.cssText = 'width:100%;height:100%;object-fit:cover;display:block;';\n        slideContent.appendChild(img);\n      } else {\n        const ph = document.createElement('div');\n        ph.className = 'placeholder-card';\n        ph.style.cssText = 'width:100%;height:100%;';\n        ph.innerHTML = `\n          <div class=\"placeholder-icon\">\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#B1761E\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\"/>\n              <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n              <polyline points=\"21 15 16 10 5 21\"/>\n            </svg>\n          </div>\n          <span style=\"font-size:14px;color:rgba(255,255,255,0.4);font-weight:400;\">Photo ${index + 1}<br><span style=\"font-size:12px;color:rgba(177,118,30,0.6);\">Placeholder — upload your image</span></span>\n        `;\n        slideContent.appendChild(ph);\n      }\n\n      if (animate) {\n        slideContent.style.animation = 'none';\n        slideContent.offsetHeight; // reflow\n        slideContent.style.animation = 'slideIn 500ms ease forwards';\n      }\n\n      counterBadge.textContent = `${index + 1} / ${TOTAL}`;\n\n      // Update dots\n      document.querySelectorAll('.dot').forEach((d, i) => {\n        d.classList.toggle('active', i === index);\n      });\n\n      // Update thumbnails\n      for (let i = 0; i < TOTAL; i++) {\n        const t = document.getElementById('thumb-' + i);\n        if (t) {\n          t.style.borderColor = i === index ? '#B1761E' : 'rgba(177,118,30,0.3)';\n          t.style.transform = i === index ? 'scale(1.06)' : 'scale(1)';\n        }\n      }\n    }\n\n    function restartProgress() {\n      progressKey++;\n      const key = progressKey;\n      progressBar.style.animation = 'none';\n      progressBar.style.width = '0%';\n      progressBar.offsetHeight; // reflow\n      progressBar.style.animation = 'progressFill 5s linear forwards';\n    }\n\n    function goTo(index, animate = true) {\n      current = (index + TOTAL) % TOTAL;\n      renderSlide(current, animate);\n      clearInterval(autoTimer);\n      restartProgress();\n      startAuto();\n    }\n\n    function startAuto() {\n      clearInterval(autoTimer);\n      autoTimer = setInterval(() => {\n        goTo(current + 1);\n      }, 5000);\n    }\n\n    prevBtn.addEventListener('click', () => goTo(current - 1));\n    nextBtn.addEventListener('click', () => goTo(current + 1));\n\n    // Init\n    renderSlide(0, false);\n    restartProgress();\n    startAuto();\n  </script>\n</body>\n</html>\n","head":"","provider":"ai","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69f9a1b9fdde719c0f714fd6","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"embed","createdAt":"2026-06-06T15:47:51.988Z","updatedAt":"2026-06-06T15:47:51.988Z","__v":0},{"_id":"6a244128e8a8464db82850de","type":"component","isTemplate":false,"name":"divider","content":{"box":{"bottom":"none","top":"none","right":"xLarge","left":"xLarge","backgroundColor":"#1A3A2A"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"dashed":false,"hidden":false,"spacings":"small","solid":true,"lineStyle":"solid","color":"#B3791B","size":"small"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69a019f6c9338c12962be586","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"divider","createdAt":"2026-06-06T15:47:52.055Z","updatedAt":"2026-06-06T15:47:52.055Z","__v":0},{"_id":"6a244128e8a8464db82850e4","type":"component","isTemplate":false,"name":"questionMedia","content":{"kind":[],"box":{"bottom":"small","top":"small","right":"large","left":"large","backgroundColor":"#1A3A2A"},"align":"center","plainText":"Which Are You Looking For A Quote On? tap an icon below ↓","fieldName":"question_pbzaez","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\"><strong class=\"fun-font-bold\">Which Are You Looking For A Quote On?</strong></strong></span></p><p><span style=\"color: #B3791B; --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.5; --lh-t: 1.5; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\">tap an icon below<strong class=\"fun-font-bold\"><strong class=\"fun-font-bold\">&nbsp;<strong class=\"fun-font-bold\">↓</strong></strong></strong></span></p>"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244128e8a8464db82850f3","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_pbzaez","clickId":"answer_click_k4dr9p"},"parentId":"6a244128e8a8464db82850e4","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244128e8a8464db8285110","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=214&cropWidth=285&dpr=2&fit=crop&fp-x=0.25&fp-y=0.24&fp-z=2.2429906542056073&h=1350&w=1800","srcType":"image","icon":"AZdybqR3xsWC","iconName":"rich","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none"},"framed":false,"mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244128e8a8464db82850f3","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:52.297Z","updatedAt":"2026-06-06T15:47:52.297Z","__v":0},{"_id":"6a244128e8a8464db8285111","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Tree Removal","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Frühling","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Tree Removal</strong></span></p>"},"parentId":"6a244128e8a8464db82850f3","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:52.297Z","updatedAt":"2026-06-06T15:47:52.297Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:52.244Z","updatedAt":"2026-06-06T15:47:52.298Z","__v":0},{"_id":"6a244128e8a8464db82850f5","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_pbzaez","clickId":"answer_click_6a1jul"},"parentId":"6a244128e8a8464db82850e4","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244128e8a8464db8285124","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=200&cropWidth=266&dpr=2&fit=crop&fp-x=0.75&fp-y=0.25&fp-z=2.4&h=1350&w=1800","srcType":"image","icon":"Wtr8jzu0nQXa","iconName":"metal-ingot","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none"},"framed":false,"isAnimated":false,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" baseProfile=\"basic\" viewBox=\"0 0 48 48\"><polygon fill=\"#78909c\" points=\"34,31 14,31 10,45 38,45\"/><polygon fill=\"#b0bec5\" points=\"14,32 17,2 31,2 34,32\"/><polygon fill=\"#546e7a\" points=\"10,45 13,9 17,2 15,32\"/><polygon fill=\"#546e7a\" points=\"38,45 35,9 31,2 33,32\"/></svg>","mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244128e8a8464db82850f5","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:52.329Z","updatedAt":"2026-06-06T15:47:52.329Z","__v":0},{"_id":"6a244128e8a8464db8285125","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Tree Reduction","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Sommer","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Tree Reduction</strong></span></p>"},"parentId":"6a244128e8a8464db82850f5","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:52.329Z","updatedAt":"2026-06-06T15:47:52.329Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:52.248Z","updatedAt":"2026-06-06T15:47:52.330Z","__v":0},{"_id":"6a244128e8a8464db82850f6","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_pbzaez","clickId":"answer_click_s6dh4p"},"parentId":"6a244128e8a8464db82850e4","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244128e8a8464db8285117","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=215&cropWidth=287&dpr=2&fit=crop&fp-x=0.27&fp-y=0.73&fp-z=2.229965156794425&h=1350&w=1800","srcType":"image","icon":"39174","iconName":"badge","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none","backgroundColor":"#E3D1B8"},"framed":false,"mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244128e8a8464db82850f6","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:52.307Z","updatedAt":"2026-06-06T15:47:52.307Z","__v":0},{"_id":"6a244128e8a8464db828511d","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Stump Grinding","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Herbst","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Stump Grinding</strong></span></p>"},"parentId":"6a244128e8a8464db82850f6","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:52.317Z","updatedAt":"2026-06-06T15:47:52.317Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:52.256Z","updatedAt":"2026-06-06T15:47:52.318Z","__v":0},{"_id":"6a244128e8a8464db82850f7","type":"component","isTemplate":false,"name":"questionMediaAnswer","content":{"linking":{"isInternal":true},"fieldName":"question_pbzaez","clickId":"answer_click_bwrihc"},"parentId":"6a244128e8a8464db82850e4","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[{"_id":"6a244128e8a8464db828512c","type":"component","isTemplate":false,"name":"media","content":{"size":"answer","src":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=210&cropWidth=280&dpr=2&fit=crop&fp-x=0.74&fp-y=0.74&fp-z=2.2857142857142856&h=1350&w=1800","srcType":"image","icon":"107461","iconName":"working-with-a-laptop","platform":"color","box":{"right":"none","left":"none","bottom":"none","top":"none"},"framed":false,"mediaIds":["6a11d68b162ace6168c8d601"]},"parentId":"6a244128e8a8464db82850f7","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"media","createdAt":"2026-06-06T15:47:52.349Z","updatedAt":"2026-06-06T15:47:52.349Z","__v":0},{"_id":"6a244128e8a8464db828512d","type":"component","isTemplate":false,"name":"text","content":{"plainText":"Hedge Cutting","kind":[],"box":{"bottom":"medium","top":"medium","right":"small","left":"small","backgroundColor":"#B1761E"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"small","text":"Winter","wysiwygHtml":"<p><span style=\"color: rgb(255, 255, 255); --fs-m: 16px; --fs-t: 16px; --fs-d: 16px; --lh-m: 1.25; --lh-t: 1.25; --lh-d: 1.5; --ls-m: normal; --ls-t: normal; --ls-d: normal\" class=\"fun-text-[length:var(--fs-m)] sm:fun-text-[length:var(--fs-t)] md:fun-text-[length:var(--fs-d)] fun-leading-[var(--lh-m)] sm:fun-leading-[var(--lh-t)] md:fun-leading-[var(--lh-d)] fun-tracking-[var(--ls-m)] sm:fun-tracking-[var(--ls-t)] md:fun-tracking-[var(--ls-d)]\"><strong class=\"fun-font-bold\">Hedge Cutting</strong></span></p>"},"parentId":"6a244128e8a8464db82850f7","categoryId":"61af39fa0ff35780165e4faa","sectionId":"69aec1eca89c0fd516926012","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"text","createdAt":"2026-06-06T15:47:52.349Z","updatedAt":"2026-06-06T15:47:52.349Z","__v":0}],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMediaAnswer","createdAt":"2026-06-06T15:47:52.256Z","updatedAt":"2026-06-06T15:47:52.350Z","__v":0}],"allowedChildSections":["5aa282097a98f12d842fac71"],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"questionMedia","createdAt":"2026-06-06T15:47:52.155Z","updatedAt":"2026-06-06T15:47:52.260Z","__v":0},{"_id":"6a244128e8a8464db8285170","type":"component","isTemplate":false,"name":"divider","content":{"box":{"bottom":"none","top":"none","right":"xLarge","left":"xLarge","backgroundColor":"#1A3A2A"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"dashed":false,"hidden":false,"spacings":"small","solid":true,"lineStyle":"solid","color":"#B3791B","size":"small"},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"69a019f6c9338c12962be586","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"divider","createdAt":"2026-06-06T15:47:52.577Z","updatedAt":"2026-06-06T15:47:52.577Z","__v":0},{"_id":"6a244128e8a8464db8285176","type":"component","isTemplate":false,"name":"embed","content":{"body":"&lt;!-- Meta Pixel Code --&gt;\n&lt;script&gt;\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version=&#39;2.0&#39;;\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,&#39;script&#39;,\n&#39;https://connect.facebook.net/en_US/fbevents.js&#39;);\nfbq(&#39;init&#39;, &#39;1624721058588198&#39;);\nfbq(&#39;track&#39;, &#39;PageView&#39;);\n&lt;/script&gt;\n&lt;noscript&gt;&lt;img height=&quot;1&quot; width=&quot;1&quot; style=&quot;display:none&quot;\nsrc=&quot;https://www.facebook.com/tr?id=1624721058588198&amp;ev=PageView&amp;noscript=1&quot;\n/&gt;&lt;/noscript&gt;\n&lt;!-- End Meta Pixel Code --&gt;","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":true},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"65eb072f9671ba48e6c8390b","campaignId":"6a22cc992b7a3e9e19b29fec","components":[],"allowedChildSections":[],"pageId":"6a244127e8a8464db8285016","companyId":"69db88d734a1c7879b4edc13","componentType":"embed","createdAt":"2026-06-06T15:47:52.601Z","updatedAt":"2026-06-06T15:47:52.601Z","__v":0}],"isResultPage":false,"animation":"none","theme":{"_id":"69e641e59831c2b716e5209c","type":"theme","name":"Shelly","image":"https://perspective.imgix.net/assets/app/themes/perspective.png","fontColor":"#FFFFFF","backgroundColor":"#1A3A2A","formFieldBackgroundColor":"#1A3A2A","buttonBackgroundColor":"#B3791B","typography":"Poppins:400,700","transition":"default","companyId":"69db88d734a1c7879b4edc13","createdAt":"2026-04-20T15:10:29.267Z","updatedAt":"2026-05-23T17:30:46.505Z","__v":0,"borderRadius":"large","fontId":null},"themeV2":{"typography":"Poppins:400,700","fontId":null,"fontColor":"#FFFFFF","backgroundColor":"#1A3A2A","formFieldBackgroundColor":"#1A3A2A","buttonBackgroundColor":"#B3791B","borderRadius":"large","transition":"default"},"fields":[{"additional":{"form":{"componentId":"6a22cc992b7a3e9e19b2a004","inputs":[{"fieldName":"name","inputType":"text","required":true,"conversionTrigger":false,"visual":"wave","visualType":"emoji","title":"Your first and last name","componentId":"6a22cc992b7a3e9e19b2a038"},{"fieldName":"email","inputType":"email","required":true,"conversionTrigger":true,"visual":":email:","visualType":"emoji","title":"Your email address","componentId":"6a22cc992b7a3e9e19b2a03a"},{"fieldName":"phone","inputType":"phone","required":true,"conversionTrigger":true,"visual":":telephone_receiver:","visualType":"emoji","title":"Your phone number","componentId":"6a22cc992b7a3e9e19b2a03b"}]},"answers":[]},"_id":"6a22cc992b7a3e9e19b2a0c5","type":"field","title":"Your One Step Away From Your Free Quote! Fill in your details below and we'll call you within the hour to arrange a convenient time to come and take a look.","interactionType":"form","companyId":"69db88d734a1c7879b4edc13","workspaceId":"69db88d734a1c7879b4edc16","campaignId":"6a22cc992b7a3e9e19b29fec","pageId":"6a22cc992b7a3e9e19b29ff6","componentId":"6a22cc992b7a3e9e19b2a001","__v":0,"createdAt":"2026-06-05T13:18:17.997Z","updatedAt":"2026-06-05T13:18:18.024Z"},{"additional":{"form":{"componentId":"6a22cc992b7a3e9e19b2a005","inputs":[{"fieldName":"zip","inputType":"text","required":true,"conversionTrigger":false,"visual":"house","visualType":"emoji","title":"Your Post Code","componentId":"6a22cc992b7a3e9e19b2a039"}]},"answers":[]},"_id":"6a22cc992b7a3e9e19b2a0c6","type":"field","title":"Just pop your postcode in (we only ask to check your area before arranging your quote)","interactionType":"form","companyId":"69db88d734a1c7879b4edc13","workspaceId":"69db88d734a1c7879b4edc16","campaignId":"6a22cc992b7a3e9e19b29fec","pageId":"6a22cc992b7a3e9e19b29ff5","componentId":"6a22cc992b7a3e9e19b2a002","__v":0,"createdAt":"2026-06-05T13:18:17.997Z","updatedAt":"2026-06-05T13:18:18.024Z"},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_11mo6w","componentId":"6a22cc992b7a3e9e19b2a00c","_id":"6a22cc9a2b7a3e9e19b2a0cb","answerTextId":"6a22cc992b7a3e9e19b2a00e","value":"Next Month or Later","answerMediaId":"6a22cc992b7a3e9e19b2a00f","visual":"https://perspective.imgix.net/6a130306ee679ea9e059d67f.png?auto=compress&crop=focalpoint&cropHeight=174&cropWidth=232&dpr=2&fit=crop&fp-x=0.23&fp-y=0.71&fp-z=2.454022988505747&h=1350&w=1800","visualType":"image"},{"fieldName":"question_11mo6w","componentId":"6a22cc992b7a3e9e19b2a00d","_id":"6a22cc9a2b7a3e9e19b2a0cc","answerTextId":"6a22cc992b7a3e9e19b2a011","value":"Within 1-2 Weeks","answerMediaId":"6a22cc992b7a3e9e19b2a010","visual":"https://perspective.imgix.net/6a130306ee679ea9e059d67f.png?auto=compress&crop=focalpoint&cropHeight=180&cropWidth=240&dpr=2&fit=crop&fp-x=0.74&fp-y=0.23&fp-z=2.3689320388349544&h=1350&w=1800","visualType":"image"},{"fieldName":"question_11mo6w","componentId":"6a22cc992b7a3e9e19b2a012","_id":"6a22cc9a2b7a3e9e19b2a0cd","answerTextId":"6a22cc992b7a3e9e19b2a014","value":"ASAP — It's Urgent","answerMediaId":"6a22cc992b7a3e9e19b2a013","visual":"https://perspective.imgix.net/6a130306ee679ea9e059d67f.png?auto=compress&crop=focalpoint&cropHeight=179&cropWidth=238&dpr=2&fit=crop&fp-x=0.24&fp-y=0.23&fp-z=2.38881118881119&h=1350&w=1800","visualType":"image"}]},"_id":"6a22cc992b7a3e9e19b2a0c7","type":"field","title":"When Are You Looking To Get The Work Done? Select Below ↓","interactionType":"answers","companyId":"69db88d734a1c7879b4edc13","workspaceId":"69db88d734a1c7879b4edc16","campaignId":"6a22cc992b7a3e9e19b29fec","pageId":"6a22cc992b7a3e9e19b29ff4","componentId":"6a22cc992b7a3e9e19b2a00b","__v":0,"createdAt":"2026-06-05T13:18:17.997Z","updatedAt":"2026-06-05T13:18:18.024Z"},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_ic5dgq","componentId":"6a244127e8a8464db8285037","_id":"6a244127e8a8464db8285045","answerMediaId":"6a244127e8a8464db8285057","answerTextId":"6a244127e8a8464db8285058","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=214&cropWidth=285&dpr=2&fit=crop&fp-x=0.25&fp-y=0.24&fp-z=2.2429906542056073&h=1350&w=1800","visualType":"image","value":"Tree Removal"},{"fieldName":"question_ic5dgq","componentId":"6a244127e8a8464db828503a","_id":"6a244127e8a8464db828504a","answerMediaId":"6a244127e8a8464db8285063","answerTextId":"6a244127e8a8464db8285064","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=215&cropWidth=287&dpr=2&fit=crop&fp-x=0.27&fp-y=0.73&fp-z=2.229965156794425&h=1350&w=1800","visualType":"image","value":"Stump Grinding"},{"fieldName":"question_ic5dgq","componentId":"6a244127e8a8464db8285039","_id":"6a244127e8a8464db828504c","answerTextId":"6a244127e8a8464db828505f","answerMediaId":"6a244127e8a8464db8285060","value":"Tree Reduction","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=200&cropWidth=266&dpr=2&fit=crop&fp-x=0.75&fp-y=0.25&fp-z=2.4&h=1350&w=1800","visualType":"image"},{"fieldName":"question_ic5dgq","componentId":"6a244127e8a8464db828503b","_id":"6a244127e8a8464db828504f","answerTextId":"6a244127e8a8464db8285061","answerMediaId":"6a244127e8a8464db8285062","value":"Hedge Cutting","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=210&cropWidth=280&dpr=2&fit=crop&fp-x=0.74&fp-y=0.74&fp-z=2.2857142857142856&h=1350&w=1800","visualType":"image"}]},"_id":"6a244127e8a8464db828502b","type":"field","title":"Which Are You Looking For A Quote On? tap an icon below ↓","interactionType":"answers","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","pageId":"6a244127e8a8464db8285016","componentId":"6a244127e8a8464db8285028","createdAt":"2026-06-06T15:47:51.333Z","updatedAt":"2026-06-06T15:47:51.577Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_pbzaez","componentId":"6a244128e8a8464db82850f3","_id":"6a244128e8a8464db8285100","answerMediaId":"6a244128e8a8464db8285110","answerTextId":"6a244128e8a8464db8285111","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=214&cropWidth=285&dpr=2&fit=crop&fp-x=0.25&fp-y=0.24&fp-z=2.2429906542056073&h=1350&w=1800","visualType":"image","value":"Tree Removal"},{"fieldName":"question_pbzaez","componentId":"6a244128e8a8464db82850f6","_id":"6a244128e8a8464db8285106","answerMediaId":"6a244128e8a8464db8285117","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=215&cropWidth=287&dpr=2&fit=crop&fp-x=0.27&fp-y=0.73&fp-z=2.229965156794425&h=1350&w=1800","visualType":"image","answerTextId":"6a244128e8a8464db828511d","value":"Stump Grinding"},{"fieldName":"question_pbzaez","componentId":"6a244128e8a8464db82850f5","_id":"6a244128e8a8464db8285108","answerMediaId":"6a244128e8a8464db8285124","answerTextId":"6a244128e8a8464db8285125","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=200&cropWidth=266&dpr=2&fit=crop&fp-x=0.75&fp-y=0.25&fp-z=2.4&h=1350&w=1800","visualType":"image","value":"Tree Reduction"},{"fieldName":"question_pbzaez","componentId":"6a244128e8a8464db82850f7","_id":"6a244128e8a8464db828510d","answerMediaId":"6a244128e8a8464db828512c","answerTextId":"6a244128e8a8464db828512d","visual":"https://perspective.imgix.net/6a11d68b162ace6168c8d601.png?auto=compress&crop=focalpoint&cropHeight=210&cropWidth=280&dpr=2&fit=crop&fp-x=0.74&fp-y=0.74&fp-z=2.2857142857142856&h=1350&w=1800","visualType":"image","value":"Hedge Cutting"}]},"_id":"6a244128e8a8464db82850e7","type":"field","title":"Which Are You Looking For A Quote On? tap an icon below ↓","interactionType":"answers","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","pageId":"6a244127e8a8464db8285016","componentId":"6a244128e8a8464db82850e4","createdAt":"2026-06-06T15:47:52.164Z","updatedAt":"2026-06-06T15:47:52.419Z","__v":0}],"cookiesEnabled":false,"language":"en","showProgressBar":true,"showAffiliateBadge":false,"affiliateLink":"","resultMapping":{},"nextPage":"6a22cc992b7a3e9e19b29ff4","sortedPages":["6a244127e8a8464db8285016","6a22cc992b7a3e9e19b29ff4","6a22cc992b7a3e9e19b29ff5","6a22cc992b7a3e9e19b29ff6"],"hasResultPages":true,"resultPages":["6a22cc992b7a3e9e19b29ff7"],"isHomePage":true,"isLastPage":false,"firstResultPage":"6a22cc992b7a3e9e19b29ff7","headScript":"","bodyScript":"","trackingProperties":[{"_id":"6a22cc992b7a3e9e19b2a043","type":"trackingProperty","fieldName":"email","title":"email","source":"input","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","components":["6a22cc992b7a3e9e19b2a03a"],"__v":0,"createdAt":"2026-06-05T13:18:17.763Z","updatedAt":"2026-06-06T15:48:13.670Z"},{"_id":"6a22cc992b7a3e9e19b2a049","type":"trackingProperty","fieldName":"name","title":"name","defaultValue":"there","source":"input","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","components":["6a22cc992b7a3e9e19b2a038"],"__v":0,"createdAt":"2026-06-05T13:18:17.763Z","updatedAt":"2026-06-06T15:48:13.670Z"},{"_id":"6a22cc992b7a3e9e19b2a04a","type":"trackingProperty","fieldName":"phone","title":"phone","source":"input","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","components":["6a22cc992b7a3e9e19b2a03b"],"__v":0,"createdAt":"2026-06-05T13:18:17.763Z","updatedAt":"2026-06-06T15:48:13.670Z"},{"_id":"6a22cc99c8dba0c6275640f4","campaignId":"6a22cc992b7a3e9e19b29fec","fieldName":"question_11mo6w","source":"question","companyId":"69db88d734a1c7879b4edc13","components":["6a22cc992b7a3e9e19b2a00b"],"createdAt":"2026-06-05T13:18:17.992Z","title":"When Are You Looking To Get The Work Done? Select Below ↓","type":"trackingProperty","updatedAt":"2026-06-06T15:48:13.670Z"},{"_id":"6a244127e8a8464db8285030","type":"trackingProperty","fieldName":"question_ic5dgq","title":"Which Are You Looking For A Quote On? tap an icon below ↓","source":"question","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","components":["6a244127e8a8464db8285028"],"createdAt":"2026-06-06T15:47:51.361Z","updatedAt":"2026-06-06T15:48:13.670Z","__v":0},{"_id":"6a244128e8a8464db82850ec","type":"trackingProperty","fieldName":"question_pbzaez","title":"Which Are You Looking For A Quote On? tap an icon below ↓","source":"question","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","components":["6a244128e8a8464db82850e4"],"createdAt":"2026-06-06T15:47:52.204Z","updatedAt":"2026-06-06T15:48:13.670Z","__v":0},{"_id":"6a22cc992b7a3e9e19b2a04b","type":"trackingProperty","fieldName":"zip","title":"zip","source":"input","companyId":"69db88d734a1c7879b4edc13","campaignId":"6a22cc992b7a3e9e19b29fec","components":["6a22cc992b7a3e9e19b2a039"],"__v":0,"createdAt":"2026-06-05T13:18:17.763Z","updatedAt":"2026-06-06T15:48:13.670Z"}],"automaticRedirect":null,"inputMap":{"byComponent":{"6a22cc992b7a3e9e19b2a039":{"name":"zip","originalName":"zip","parentId":"6a22cc992b7a3e9e19b2a005","autocomplete":""},"6a22cc992b7a3e9e19b2a038":{"name":"name","originalName":"name","parentId":"6a22cc992b7a3e9e19b2a004","autocomplete":"name"},"6a22cc992b7a3e9e19b2a03a":{"name":"email","originalName":"email","parentId":"6a22cc992b7a3e9e19b2a004","autocomplete":"email"},"6a22cc992b7a3e9e19b2a03b":{"name":"phone","originalName":"phone","parentId":"6a22cc992b7a3e9e19b2a004","autocomplete":"tel"}},"byName":{"6a22cc992b7a3e9e19b2a005":{"zip":"6a22cc992b7a3e9e19b2a039"},"6a22cc992b7a3e9e19b2a004":{"name":"6a22cc992b7a3e9e19b2a038","email":"6a22cc992b7a3e9e19b2a03a","phone":"6a22cc992b7a3e9e19b2a03b"}}},"pageIdSlugMap":{"6a22cc992b7a3e9e19b29ff4":"timeline","6a22cc992b7a3e9e19b29ff5":"postcode","6a22cc992b7a3e9e19b29ff6":"details","6a22cc992b7a3e9e19b29ff7":"thank-you","6a244127e8a8464db8285016":"page_rqtppq"},"context":{"slug":"","trackingVersion":"v4","url":"https://quote.ongartreecare.uk/","domain":"quote.ongartreecare.uk"}}