{"id":1406,"date":"2026-03-19T21:01:21","date_gmt":"2026-03-19T21:01:21","guid":{"rendered":"https:\/\/brightwrx.com\/south-florida\/?page_id=1406"},"modified":"2026-07-26T06:39:15","modified_gmt":"2026-07-26T14:39:15","slug":"interactive-lighting-demo","status":"publish","type":"page","link":"https:\/\/brightwrx.com\/south-florida\/permanent-holiday-lighting-services\/permanent-lighting-south-florida\/interactive-lighting-demo\/","title":{"rendered":"Interactive Permanent Lighting Demo for Your Home"},"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-a5eb435 e-flex e-con-boxed e-con e-parent\" data-id=\"a5eb435\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc6924c elementor-widget elementor-widget-heading\" data-id=\"bc6924c\" 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\">See Your Home<span style=\"color:#ed1c24\">\nCome to Life .<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb2693b elementor-widget elementor-widget-text-editor\" data-id=\"bb2693b\" 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 class=\"hero-sub\">This is what <a href=\"https:\/\/brightwrx.com\/south-florida\/permanent-holiday-lighting-services\/permanent-lighting-south-florida\/\">permanent architectural lighting<\/a> looks like \u2014 one install, every color, every season. Pick a preset below and watch your <a href=\"https:\/\/brightwrx.com\/south-florida\/\">property transform<\/a> in real time<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-8c735c1 elementor-widget elementor-widget-text-editor\" data-id=\"8c735c1\" 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><strong>Live Interactive Demo<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a59da elementor-widget elementor-widget-heading\" data-id=\"74a59da\" 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\">Pick a color. Watch it\nhappen instantly.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba27e8d elementor-widget elementor-widget-text-editor\" data-id=\"ba27e8d\" 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 class=\"demo-desc\">Tap any preset or choose your own color. This is exactly how our permanent lighting system works \u2014 full control from your phone, any color, any time<\/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>See Your Home Come to Life . This is what permanent architectural lighting looks like \u2014 one install, every color, every season. Pick a preset below and watch your property transform in real time Live Interactive Demo Pick a color. Watch it happen instantly. Tap any preset or choose your own color. This is exactly [&hellip;]<\/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\/south-florida\/wp-json\/wp\/v2\/pages\/1406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/comments?post=1406"}],"version-history":[{"count":26,"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/pages\/1406\/revisions"}],"predecessor-version":[{"id":2715,"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/pages\/1406\/revisions\/2715"}],"up":[{"embeddable":true,"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/pages\/33"}],"wp:attachment":[{"href":"https:\/\/brightwrx.com\/south-florida\/wp-json\/wp\/v2\/media?parent=1406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}