{"id":1406,"date":"2026-03-19T21:01:21","date_gmt":"2026-03-19T21:01:21","guid":{"rendered":"https:\/\/brightwrx.com\/bend\/?page_id=1406"},"modified":"2026-07-05T07:59:51","modified_gmt":"2026-07-05T15:59:51","slug":"holiday-lights-installation-demo","status":"publish","type":"page","link":"https:\/\/brightwrx.com\/bend\/lighting-installation-services-bend\/permanent-outdoor-lighting\/holiday-lights-installation-demo\/","title":{"rendered":"See Our Holiday Lighting Demo Before You Decide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1406\" class=\"elementor elementor-1406\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-895d5aa e-con-full e-flex e-con e-child\" data-id=\"895d5aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b307245 elementor-widget elementor-widget-heading\" data-id=\"b307245\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Holiday Lights Installation Demo \u2014 See the BrightWrx Difference\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54db986 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"54db986\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Thinking about professional holiday lighting but want to see it in action first? Our holiday lights installation demo lets you experience the quality of our professional holiday light installation and Christmas lights installation services, giving you a real preview of what BrightWrx delivers before you commit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e428f2f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e428f2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- WordPress\/Elementor Compatible HTML -->\n<!-- Place this in an HTML widget in Elementor -->\n\n<div class=\"vn-lighting-demo\" role=\"main\" aria-label=\"Interactive lighting control demo\">\n\n    <div class=\"showcase\" role=\"img\" aria-label=\"Lighting scene display area\" id=\"displayImage\" style=\"background-image: url('https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/dark.jpg'); background-size: cover; background-position: center;\">\n    <\/div>\n\n    <div class=\"phone-container\" role=\"region\" aria-label=\"Lighting control interface\">\n        <img decoding=\"async\" src=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/handholding.png\" alt=\"Hand holding phone with lighting control app interface\" title=\"\">\n\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n        <div class=\"highlight-overlay\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/security.jpg\" aria-label=\"Security lighting scene\" title=\"Security lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/halloween.jpg\" aria-label=\"Halloween lighting scene\" title=\"Halloween lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/christmas.jpg\" aria-label=\"Christmas lighting scene\" title=\"Christmas lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/coolwhite.jpg\" aria-label=\"Cool white lighting scene\" title=\"Cool white lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/warmwhite.jpg\" aria-label=\"Warm white lighting scene\" title=\"Warm white lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/stpatricks.jpg\" aria-label=\"St. Patrick's Day lighting scene\" title=\"St. Patrick's Day lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/independence.jpg\" aria-label=\"Independence Day lighting scene\" title=\"Independence Day lighting scene\"><\/div>\n        <div class=\"hotspot\" data-image=\"https:\/\/brightwrx.com\/bend\/wp-content\/uploads\/sites\/2\/2026\/03\/dark.jpg\" aria-label=\"Lights off scene\" title=\"Lights off scene\"><\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n\/\/ WordPress\/Elementor Compatible JavaScript\n(function() {\n    \/\/ Wait for DOM to be ready\n    function initLightingDemo() {\n        const displayImage = document.getElementById('displayImage');\n        const hotspots = document.querySelectorAll('.vn-lighting-demo .hotspot');\n        const highlightOverlays = document.querySelectorAll('.vn-lighting-demo .highlight-overlay');\n\n        \/\/ Preload images for better performance\n        const imageCache = {};\n        hotspots.forEach(hotspot => {\n            const imageSrc = hotspot.getAttribute('data-image');\n            if (imageSrc) {\n                const img = new Image();\n                img.src = imageSrc;\n                imageCache[imageSrc] = img;\n            }\n        });\n\n        \/\/ Add click event listeners to hotspots\n        hotspots.forEach((hotspot, index) => {\n            hotspot.addEventListener('click', function() {\n                const imageSrc = hotspot.getAttribute('data-image');\n\n                if (imageSrc) {\n                    \/\/ Update the background image\n                    displayImage.style.backgroundImage = `url('${imageSrc}')`;\n\n                    \/\/ Clear all highlight overlays\n                    highlightOverlays.forEach(overlay => overlay.classList.remove('active'));\n\n                    \/\/ Activate the corresponding highlight overlay\n                    if (highlightOverlays[index]) {\n                        highlightOverlays[index].classList.add('active');\n                    }\n                }\n            });\n        });\n    }\n\n    \/\/ Initialize when DOM is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initLightingDemo);\n    } else {\n        initLightingDemo();\n    }\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Holiday Lights Installation Demo \u2014 See the BrightWrx Difference Thinking about professional holiday lighting but want to see it in action first? Our holiday lights installation demo lets you experience the quality of our professional holiday light installation and Christmas lights installation services, giving you a real preview of what BrightWrx delivers before you commit.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":33,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/pages\/1406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/comments?post=1406"}],"version-history":[{"count":24,"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/pages\/1406\/revisions"}],"predecessor-version":[{"id":2374,"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/pages\/1406\/revisions\/2374"}],"up":[{"embeddable":true,"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/brightwrx.com\/bend\/wp-json\/wp\/v2\/media?parent=1406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}