{"product_id":"sense-led-light-expandable-led-with-sensor-controls","title":"Sense+ LED Light : Expandable LED with Sensor Controls","description":"\u003cstyle\u003e\n  .nav-tabs .nav-link {\n    color: grey;\n    font-weight: 700;\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    border-image: initial;\n    transition: background-color 0.3s, color 0.3s;\n}\n.scene-tab-custom .tab-pane {\n  width: 100%;\n  max-width: 100%;\n  overflow: auto;\n}\n  \/*------- spl-main-container --------*\/\n  .spl-main-container .spl-hero-banner {\n    background-image: url('https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/spl-series_banner.jpg');\n    height: 45rem;\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  @media (max-width: 991px) {\n    .spl-main-container .spl-hero-banner {\n      background-image: url('https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/spl-series_banner_mobile.jpg');\n      height: 40rem;\n      align-items: start;\n      background-position: center bottom;\n    }\n  }\n\n  .spl-main-container .spl-hero-banner .row {\n    justify-content: center;\n  }\n\n  @media (max-width: 991px) {\n    .spl-main-container .spl-hero-banner .row {\n      justify-content: start;\n      padding-left: 1rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .spl-hero-banner .row {\n      justify-content: center;\n      padding-left: 0;\n    }\n\n    .spl-main-container .spl-hero-banner .row div {\n      text-align: center;\n      justify-content: center;\n      margin: auto;\n    }\n  }\n\n  .spl-main-container .spl-hero-banner .row h5 {\n    font-size: 45px;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .spl-hero-banner .row h5 {\n      font-size: 34px;\n    }\n  }\n\n  .spl-main-container .spl-hero-banner .row img {\n    max-height: 68px;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .spl-hero-banner .row img {\n      max-height: 58px;\n    }\n  }\n\n  .spl-main-container .sense-series-cta {\n    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.15)), url(\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/sense-series_cta.jpg\");\n    background-position: center;\n    height: 28rem;\n    background-size: cover;\n  }\n\n  @media (max-width: 991px) {\n    .spl-main-container .sense-series-cta {\n      height: 20rem;\n    }\n  }\n\n  .spl-main-container .frame a .card img {\n    transition: all 0.3s ease;\n  }\n\n  .spl-main-container .frame a .card .card-body {\n    position: absolute;\n    top: 3rem;\n  }\n\n  @media (max-width: 991px) {\n    .spl-main-container .frame a .card .card-body {\n      top: 1.5rem;\n    }\n  }\n\n  @media (max-width: 991px) {\n    .spl-main-container .frame a .card .card-body h2 {\n      font-size: 1.5rem;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .frame a .card .card-body h2 {\n      font-size: 2rem;\n    }\n  }\n\n  @media (max-width: 576px) {\n    .spl-main-container .frame a .card .card-body h2 {\n      font-size: 1.25rem;\n    }\n  }\n\n  .spl-main-container .frame a:hover .card img {\n    transform: scale(1.05);\n  }\n\n  .spl-main-container .outlined-text {\n    display: inline-block;\n    padding: 0.25em 0.45em;\n    border: 1px solid #fff;\n    border-radius: 12px;\n    margin: 1em 0.25em 0 0;\n  }\n\n  .spl-main-container .spl-masonry-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 3rem;\n    margin: 20px auto;\n    max-width: 1200px;\n    align-items: start;\n  }\n\n  .spl-main-container .spl-masonry-grid .spl-masonry-item:nth-child(1) {\n    grid-column: 1;\n    grid-row: 1;\n    margin-bottom: 2rem;\n  }\n\n  .spl-main-container .spl-masonry-grid .spl-masonry-item:nth-child(2) {\n    grid-column: 2;\n    grid-row: 1 \/ span 2;\n    align-self: center;\n  }\n\n  .spl-main-container .spl-masonry-grid .spl-masonry-item:nth-child(3) {\n    grid-column: 1;\n    grid-row: 2;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .spl-masonry-grid {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }\n\n    .spl-main-container .spl-masonry-grid .spl-masonry-item {\n      grid-column: 1 !important;\n      grid-row: auto !important;\n      align-self: stretch !important;\n      margin-bottom: 2rem !important;\n    }\n  }\n\n  .spl-main-container .carousel-container {\n    max-width: 978px;\n    margin: 0 auto;\n    background: #f7f7f7;\n    border-radius: 12px;\n    overflow: hidden;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .carousel-container {\n      margin: 0 10px;\n    }\n  }\n\n  .spl-main-container .carousel-container .carousel-wrapper {\n    position: relative;\n    overflow: hidden;\n    line-height: 0.75;\n  }\n\n  .spl-main-container .carousel-container .carousel-wrapper video {\n    width: 100%;\n    height: 376.88px;\n    object-fit: cover;\n    display: block;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .carousel-container .carousel-wrapper video {\n      height: 300px;\n    }\n  }\n\n  .spl-main-container .carousel-container .carousel-wrapper .carousel-slides {\n    position: relative;\n    width: 100%;\n    height: 376.88px;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .carousel-container .carousel-wrapper .carousel-slides {\n      height: 300px;\n    }\n  }\n\n  .spl-main-container .carousel-container .carousel-wrapper .carousel-slides .carousel-slide {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .spl-main-container .carousel-container .carousel-wrapper .carousel-slides .carousel-slide.active {\n    opacity: 1;\n  }\n\n  .spl-main-container .carousel-container .carousel-wrapper .carousel-slides .carousel-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .carousel-container .carousel-wrapper .carousel-slides .carousel-slide img {\n      height: 300px;\n    }\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator {\n    height: 138px;\n    padding: 20px;\n    background: white;\n  }\n\n  @media (max-width: 768px) {\n    .spl-main-container .carousel-container .gradient-indicator {\n      height: 150px;\n      padding: 20px;\n    }\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container {\n    margin: 20px 0;\n    position: relative;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container #brightnessGradientBar {\n    background: linear-gradient(to right, #3a3a3a 0%, #9e9e9e 20%, #d7d1cb 40%, #ebebeb 60%, #ffffff 100%);\n    position: relative;\n    border-radius: 8px;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n    border: 1px solid #eaeaea;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-bar {\n    position: relative;\n    height: 16px;\n    border-radius: 20px;\n    overflow: visible;\n    background: #eaeaea;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-bar.active {\n    background: #eaeaea;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-bar.active.second-stage {\n    background: linear-gradient(to right, #548cff 0%, #e5e7eb 50%, #eaeaea 100%);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-bar.active.third-stage {\n    background: linear-gradient(to right, #548cff 0%, #a2bdf4 25%, #e0e4eb 45%, #eae8e6 50%, #ece5de 55%, #f4c89a 75%, #ffa546 100%);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-bar.active.first-stage {\n    background: linear-gradient(to right, #548cff 0%, #a8b8d8 100%);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .progress-bar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    border-radius: 8px 0 0 8px;\n    background: #eaeaea;\n    width: 0%;\n    box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);\n    transition: none !important;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .progress-bar.first-stage {\n    background: linear-gradient(to right, #548cff 0%, #e0e4eb 100%);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .progress-bar.second-stage {\n    background: linear-gradient(to right, #548cff 0%, #a2bdf4 50%, #e0e4eb 100%);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .progress-bar.third-stage {\n    background: linear-gradient(to right, #548cff 0%, #a2bdf4 25%, #e0e4eb 45%, #eae8e6 50%, #ece5de 55%, #f4c89a 75%, #ffa546 100%);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    display: flex;\n    justify-content: space-between;\n    transform: translateY(-50%);\n    padding: 0;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots .gradient-dot {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: transparent;\n    border: 2px solid white;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    position: relative;\n    z-index: 10;\n    margin: 3px;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots .gradient-dot.active {\n    width: 18px;\n    height: 18px;\n    border: 2px solid white;\n    transform: scale(1.4);\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);\n    margin: 0 2px;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots .gradient-dot.active[data-slide=\"0\"] {\n    background: #548cff;\n    box-shadow: 0 3px 10px rgba(84, 140, 255, 0.4);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots .gradient-dot.active[data-slide=\"1\"] {\n    background: #a2bdf4;\n    box-shadow: 0 3px 10px rgba(162, 189, 244, 0.4);\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots .gradient-dot.active[data-slide=\"2\"] {\n    background: #ffa546;\n    box-shadow: 0 3px 10px rgba(255, 165, 70, 0.4);\n    margin-right: -4px;\n  }\n\n  .spl-main-container .carousel-container .gradient-indicator .gradient-container .gradient-dots .gradient-dot.active:hover {\n    transform: scale(1.3);\n  }\n\n  .spl-main-container .carousel-container .gradient-labels {\n    display: flex;\n    justify-content: space-between;\n    margin-top: 15px;\n    font-size: 12px;\n    color: #666;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label {\n    text-align: center;\n    flex: 1;\n    transition: all 0.2s ease;\n    cursor: pointer;\n    font-size: 14px;\n    color: #020202;\n    font-weight: 500;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label:nth-child(1) {\n    text-align: left !important;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label:nth-child(3) {\n    text-align: right !important;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label.active {\n    font-weight: 700;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label.active[data-slide=\"0\"] {\n    color: #548cff;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label.active[data-slide=\"1\"] {\n    color: #617591;\n  }\n\n  .spl-main-container .carousel-container .gradient-labels .gradient-label.active[data-slide=\"2\"] {\n    color: #ffa546;\n  }\n\n  .spl-main-container .horizontal-scroll {\n    height: 600vh;\n    background-color: #000000;\n  }\n  .horizontal-scroll .horizontal-scroll-wrapper .figure-list figure {\n    margin: 0px;\n  }\n   @media (min-width: 1400px) and (max-width: 1919px)\n{\n   .horizontal-scroll .horizontal-scroll-wrapper .figure-list figure .img-fluid {\n    aspect-ratio: 16 \/ 7;\n    object-fit: cover;\n  }\n  .horizontal-scroll .sticky-control .container .content-control {\n    height: 90vh;\n  }\n} \n\u003c\/style\u003e\n\u003cmain class=\"spl-main-container\"\u003e\n  \u003csection class=\"py-4 py-lg-5 spl-hero-banner\"\u003e\n    \u003cdiv class=\"container-fluid text-dark\"\u003e\n      \u003cdiv class=\"row\"\u003e\n        \u003cdiv class=\"col-md-10 col-lg-11 col-xl-10\"\u003e\n\u003cimg class=\"img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lwr01\/lafaer_logo.svg\"\u003e\n          \u003ch1 class=\"font-weight-bold pt-3\"\u003eSense+ LED Lights \u0026amp; Sensor Control Series\u003c\/h1\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"horizontal-scroll p-0 text-light product-nav-section\" id=\"scenarios\"\u003e\n    \u003cdiv class=\"sticky-control\"\u003e\n      \u003cdiv class=\"container\"\u003e\n        \u003cdiv class=\"bg-control\" style=\"background-image:linear-gradient(#010101 10%,rgba(1,1,1,0) 50%,rgba(1,1,1,0) 60%),url(https:\/\/static.gl-inet.com\/www\/images\/products\/gl-be9300\/be9300_horizontal.jpg)\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"content-control\"\u003e\n          \u003cdiv class=\"sticky-content\"\u003e\n            \u003cdiv class=\"col-12 col-lg-10 text-center text-white m-auto\"\u003e\n              \u003ch2 class=\"font-weight-bold\"\u003eUse Anywhere in Your Home\u003c\/h2\u003e\n              \u003cp\u003ePair Sense+ LED Lights with Motion, Hand, or Door Sensor Control to brighten every corner of your home.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"horizontal-scroll-wrapper py-0 py-lg-4\"\u003e\n              \u003cdiv class=\"figure-list\" style=\"\"\u003e\n                \u003cfigure\u003e\n                  \u003cdiv class=\"order-1 pb-3\"\u003e\u003cimg class=\"img-fluid gl-rounded\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/scene_bathroom.jpg\" alt=\"Lafaer Sense+ Motion control in bath room for smart, auto lighting\"\u003e\u003c\/div\u003e\n                  \u003cdiv class=\"order-2\"\u003e\n                    \u003ch4 class=\"font-weight-bold\"\u003eLight the Way At Night\u003c\/h4\u003e\n                    \u003cp\u003eWalk in and the light turns on instantly—perfect for midnight bathroom trips.\u003c\/p\u003e\n                  \u003c\/div\u003e\n                \u003c\/figure\u003e\n                \u003cfigure\u003e\n                  \u003cdiv class=\"order-1 pb-3\"\u003e\u003cimg class=\"img-fluid gl-rounded\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/scene_bedroom-hc.jpg\" alt=\"Lafaer Sense+ Hand Control near bedside for easier room light\"\u003e\u003c\/div\u003e\n                  \u003cdiv class=\"order-2\"\u003e\n                    \u003ch4 class=\"font-weight-bold\"\u003eWave to Control Your Lights\u003c\/h4\u003e\n                    \u003cp\u003eTurn lights on or off with a simple wave. Ideal for bedtime reading, with an optional delay so\n                      the lights switch off after you fall asleep.\u003c\/p\u003e\n                  \u003c\/div\u003e\n                \u003c\/figure\u003e\n                \u003cfigure\u003e\n                  \u003cdiv class=\"order-1 pb-3\"\u003e\u003cimg class=\"img-fluid gl-rounded\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/scene_shoe-cabinets.jpg\" alt=\"Lafaer Sense+ Door Control on show cabinets for auto light on when door open\"\u003e\u003c\/div\u003e\n                  \u003cdiv class=\"order-2\"\u003e\n                    \u003ch4 class=\"font-weight-bold\"\u003eSmart Lighting Inside Cabinets\u003c\/h4\u003e\n                    \u003cp\u003eLights turn on when the door opens and off when it closes.\u003c\/p\u003e\n                  \u003c\/div\u003e\n                \u003c\/figure\u003e\n                \u003cfigure\u003e\n                  \u003cdiv class=\"order-1 pb-3\"\u003e\u003cimg class=\"img-fluid gl-rounded\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/scene_bedroom-mc.jpg\" alt=\"Lafaer Sense+ Motion Control by bedside for smart home lighting solution\"\u003e\u003c\/div\u003e\n                  \u003cdiv class=\"order-2\"\u003e\n                    \u003ch4 class=\"font-weight-bold\"\u003eSafe Guidance for the Elderly\u003c\/h4\u003e\n                    \u003cp\u003eInstalled by the bed, the light activates as you step out, giving gentle illumination for safe\n                      movement at night.\u003c\/p\u003e\n                  \u003c\/div\u003e\n                \u003c\/figure\u003e\n                \u003cfigure\u003e\n                  \u003cdiv class=\"order-1 pb-3\"\u003e\u003cimg class=\"img-fluid gl-rounded\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/scene_hallway.jpg\" alt=\"Lafaer Sense+ Motion Control in the hallway for automatic lighting\"\u003e\u003c\/div\u003e\n                  \u003cdiv class=\"order-2\"\u003e\n                    \u003ch4 class=\"font-weight-bold\"\u003eAutomatic Lighting When You Walk Through\u003c\/h4\u003e\n                    \u003cp\u003eConnect multiple lights for seamless hallway coverage. Sensors detect movement from either end\n                      and shut off automatically to save energy.\u003c\/p\u003e\n                  \u003c\/div\u003e\n                \u003c\/figure\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003cscript\u003edocument.addEventListener(\"DOMContentLoaded\", function () { let e; function t() { if (document.querySelector(\"#scenarios\")) { gsap.registerPlugin(ScrollTrigger); const t = document.querySelector(\".figure-list\"), n = document.querySelectorAll(\".figure-list figure\"), s = document.querySelector(\".horizontal-scroll .container\"); if (!n.length || !s) return !1; e \u0026\u0026 (e.kill(), ScrollTrigger.getAll().forEach(e =\u003e e.kill())); const a = n[0].offsetWidth, r = s.offsetWidth, o = window.getComputedStyle(s), c = parseFloat(o.paddingLeft) || 0, l = parseFloat(o.paddingRight) || 0, d = r - c - l; let i = a * n.length - d; e = gsap.timeline({ scrollTrigger: { trigger: \".spl-main-container .horizontal-scroll\", start: \"top top\", end: \"+=2200\", scrub: 1, markers: !1 } }), e.to(t, { x: 0, duration: .05, ease: \"none\" }).to(t, { x: -i }).to(t, { x: -i, duration: 1 }), ScrollTrigger.refresh() } } t(); let n; window.addEventListener(\"resize\", function () { clearTimeout(n), n = setTimeout(function () { t() }, 250) }) })\u003c\/script\u003e\n  \u003csection class=\"bg-light p-4 py-lg-5\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"row justify-content-center align-items-center\"\u003e\n        \u003cdiv class=\"col-lg-10 text-center\"\u003e\n          \u003ch2 class=\"font-weight-bold pt-4\"\u003eControl with Multiple Sensors\u003c\/h2\u003e\n          \u003cp\u003eUnlike typical LED strips, Lafaer Sense+ LED Lights can be triggered by more than one motion sensor,\n            delivering seamless coverage for staircases, hallways, kitchen cabinets, and other multi-entry spaces.\u003c\/p\u003e\n          \u003cvideo class=\"card-img-top gl-rounded\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"\u003e\n            \u003csource src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/two-stair_black.mp4\" type=\"video\/mp4\"\u003eYour browser does not support the video tag.\n          \u003c\/source\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"p-4 py-lg-5 sense-series-cta\"\u003e\n    \u003cdiv class=\"container my-5\"\u003e\n      \u003ch2 class=\"font-weight-bold text-light\"\u003eSense+ LED Lights \u0026amp; Sensor Control Series\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"p-4\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"spl-masonry-grid\"\u003e\n        \u003cdiv class=\"spl-masonry-item\"\u003e\n\u003cvideo class=\"card-img-top gl-rounded\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"\u003e\n            \u003csource src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/features_flexible-sizes.mp4\" type=\"video\/mp4\"\u003eYour browser does not support the video tag.\n          \u003c\/source\u003e\u003c\/video\u003e\n          \u003cdiv class=\"spl-item-content\"\u003e\n            \u003ch3 class=\"font-weight-bold pt-3\"\u003eFlexible Sizes for Any Space\u003c\/h3\u003e\n            \u003cp\u003eChoose 26 cm, 37 cm, or 51 cm lengths to fit drawers, shelves, closets, or steps with zero trimming or\n              waste.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spl-masonry-item\"\u003e\n\u003cvideo class=\"card-img-top gl-rounded\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"\u003e\n            \u003csource src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/features_connectable_square.mp4\" type=\"video\/mp4\"\u003eYour browser does not support the video tag.\n          \u003c\/source\u003e\u003c\/video\u003e\n          \u003cdiv class=\"spl-item-content\"\u003e\n            \u003ch3 class=\"font-weight-bold pt-4\"\u003eConnectable Lighting\u003c\/h3\u003e\n            \u003cp\u003eLink multiple LED lights together to cover larger areas. No gaps, no complicated wiring.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"spl-masonry-item\"\u003e\n\u003cvideo class=\"card-img-top gl-rounded\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"\u003e\n            \u003csource src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/installs.mp4\" type=\"video\/mp4\"\u003eYour browser does not support the video tag.\n          \u003c\/source\u003e\u003c\/video\u003e\n          \u003cdiv class=\"spl-item-content\"\u003e\n            \u003ch3 class=\"font-weight-bold pt-4\"\u003eTool-Free Magnetic DIY Installation\u003c\/h3\u003e\n            \u003cp\u003ePeel, stick, and glow. No wiring, drilling, or electricians needed—perfect for renters and quick\n              upgrades.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"bg-light p-4 py-lg-5 product-nav-section\" id=\"scenarios\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"text-center col-10 m-auto\"\u003e\n        \u003ch2 class=\"font-weight-bold\"\u003eSet the Perfect Light for Every Moment\u003c\/h2\u003e\n        \u003cp\u003eFrom soft warm glow to bright daylight, Sense+ lets you fine-tune brightness and color temperature to match\n          your mood and activity. Create cozy lighting for bedtime, crisp light for cooking, or gentle night lights for\n          kids and elderly\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"row justify-content-center align-items-center pt-3\"\u003e\n        \u003cdiv class=\"col-lg-6 mb-3\"\u003e\n          \u003cdiv class=\"carousel-container shadow\"\u003e\n            \u003cdiv class=\"carousel-wrapper\"\u003e\n              \u003cdiv class=\"carousel-slides\" id=\"carouselSlides\"\u003e\n                \u003cdiv class=\"carousel-slide\"\u003e\u003cimg class=\"img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/color_cool_temperatures.jpg\" alt=\"Cool White\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"carousel-slide\"\u003e\u003cimg class=\"img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/color_natural_temperatures.jpg\" alt=\"Natural White\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"carousel-slide active\"\u003e\u003cimg class=\"img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/color_warm_temperatures.jpg\" alt=\"Warm White\"\u003e\u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"gradient-indicator\"\u003e\n              \u003cdiv class=\"gradient-container\"\u003e\n                \u003cdiv class=\"gradient-bar active third-stage\" id=\"gradientBar\"\u003e\n                  \u003cdiv class=\"progress-bar third-stage\" id=\"progressBar\" style=\"width: 100%;\"\u003e\u003c\/div\u003e\n                  \u003cdiv class=\"gradient-dots\"\u003e\n                    \u003cdiv class=\"gradient-dot\" data-slide=\"0\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"gradient-dot\" data-slide=\"1\"\u003e\u003c\/div\u003e\n                    \u003cdiv class=\"gradient-dot active\" data-slide=\"2\"\u003e\u003c\/div\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"gradient-labels\"\u003e\n                \u003cdiv class=\"gradient-label\" data-slide=\"0\"\u003e\n                  \u003cdiv\u003eCool White\u003c\/div\u003e\n                  \u003cdiv\u003e(6000K)\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gradient-label\" data-slide=\"1\"\u003e\n                  \u003cdiv\u003eNatural White\u003c\/div\u003e\n                  \u003cdiv\u003e(4000K)\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gradient-label active\" data-slide=\"2\"\u003e\n                  \u003cdiv\u003eWarm White\u003c\/div\u003e\n                  \u003cdiv\u003e(2800K)\u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-lg-6 mb-3\"\u003e\n          \u003cdiv class=\"carousel-container shadow\"\u003e\n            \u003cdiv class=\"carousel-wrapper\"\u003e\u003cvideo id=\"brightnessVideo\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\"\u003e\n                \u003csource src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/features_brightness.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003cdiv class=\"gradient-indicator\"\u003e\n              \u003cdiv class=\"gradient-container\"\u003e\n                \u003cdiv class=\"gradient-bar\" id=\"brightnessGradientBar\"\u003e\n                  \u003cdiv class=\"progress-bar\" id=\"brightnessProgressBar\" style=\"width: 19%; background-color: transparent; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); border-radius: 8px 0px 0px 8px;\"\u003e\n                  \u003c\/div\u003e\n                  \u003cdiv class=\"gradient-dot moving-dot\" id=\"movingDot\" style=\"width: 12px; height: 12px; border-radius: 50%; background-color: transparent; border: 2px solid white; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 10; left: 19%;\"\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"gradient-labels\"\u003e\n                \u003cdiv class=\"gradient-label\" data-slide=\"3\"\u003e\n                  \u003cdiv\u003e10%\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gradient-label\" data-slide=\"4\"\u003e\n                  \u003cdiv\u003e\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"gradient-label\" data-slide=\"5\"\u003e\n                  \u003cdiv\u003e100%\u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"container-fluid p-4 py-lg-5\"\u003e\n    \u003ch2 class=\"font-weight-bold text-dark text-center pb-3\"\u003eSense + Series Video Highlight\u003c\/h2\u003e\n    \u003cdiv id=\"youtube-playlist-container\"\u003e\n      \u003cdiv class=\"row justify-content-center\"\u003e\n        \u003cdiv class=\"col-11 col-lg-7 col-xl-8 px-0\" id=\"ytvideoPlayer\"\u003e\n          \u003cdiv class=\"card border-0 h-100\" style=\"background-color:#000\"\u003e\u003ciframe id=\"playlistVideo\" src=\"https:\/\/www.youtube.com\/embed\/yd6dhx6CcPc\" frameborder=\"0\" allowfullscreen=\"\" style=\"aspect-ratio:16\/9;width:100%\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-11 col-lg-5 col-xl-4 px-0\" id=\"ytplaylist\"\u003e\n          \u003cdiv class=\"card border-0 h-100\" style=\"background-color:#000\"\u003e\n            \u003ch5 onclick=\"showYtPlayList()\" class=\"text-light text-center py-3\"\u003eSense + Series Video Highlight\n              \u003cspan id=\"ytListBtn\"\u003e\u003ci id=\"ytListBtnIcon\" class=\"fa fa-chevron-down\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n            \u003c\/h5\u003e\n            \u003cul class=\"p-3\" id=\"ytPlayListUl\"\u003e\n              \u003cli\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/yd6dhx6CcPc\/maxresdefault.jpg\" alt=\"Unboxing Sense+ LED Lights | Smart, Customizable Lighting for Your Home\" onclick='changeVideo(\"yd6dhx6CcPc\")'\u003e\n                \u003cdiv class=\"title-container\"\u003e\n                  \u003cp class=\"video-title\"\u003eUnboxing Sense+ LED Lights | Smart, Customizable Lighting for Your Home\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/li\u003e\n              \u003cli\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/yRpmq3EdN9E\/maxresdefault.jpg\" alt=\"Unboxing Sense+ Sensor Control | Smart Controls with Motion, Hand\u0026amp; Door Sensor for LED Light\" onclick='changeVideo(\"yRpmq3EdN9E\")'\u003e\n                \u003cdiv class=\"title-container\"\u003e\n                  \u003cp class=\"video-title\"\u003eUnboxing Sense+ Sensor Control | Smart Controls with Motion, Hand\u0026amp; Door\n                    Sensor for LED Light\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/li\u003e\n              \u003cli\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/8-WZETcj1Xg\/maxresdefault.jpg\" alt=\"How to Setup Sense+ LED Lights with Controls | Automatic Lighting with Motion, Hand, Door Sensor\" onclick='changeVideo(\"8-WZETcj1Xg\")'\u003e\n                \u003cdiv class=\"title-container\"\u003e\n                  \u003cp class=\"video-title\"\u003eHow to Setup Sense+ LED Lights with Controls | Automatic Lighting with Motion,\n                    Hand, Door Sensor\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"p-4 py-lg-5 bg-light\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003cdiv class=\"frame row justify-content-center\"\u003e\n        \u003cdiv class=\"col-12 col-md-6 col-lg-6 col-xl-6 mb-3\"\u003e\u003ca href=\"https:\/\/link.gl-inet.com\/website-campaign-spl-test1\" target=\"_blank\"\u003e\n            \u003cdiv class=\"card border-0 gl-rounded overflow-hidden\"\u003e\n              \u003cdiv class=\"card-img p-0\"\u003e\n\u003cimg class=\"w-100 h-100 img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/spl-series_led-lights_square.jpg\"\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"card-body text-light text-center w-100 px-0\"\u003e\n                \u003ch2 class=\"font-weight-bold\"\u003e\n\u003cspan class=\"outlined-text\"\u003eSense+\u003c\/span\u003e LED Lights\u003c\/h2\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/a\u003e\u003c\/div\u003e\n        \u003cdiv class=\"col-12 col-md-6 col-lg-6 col-xl-6 mb-3\"\u003e\u003ca href=\"https:\/\/link.gl-inet.com\/website-campaign-spl-test2\" target=\"_blank\"\u003e\n            \u003cdiv class=\"card border-0 gl-rounded overflow-hidden\"\u003e\n              \u003cdiv class=\"card-img p-0\"\u003e\n\u003cimg class=\"w-100 h-100 img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/spl-series_sensor-controls_square.jpg\"\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"card-body text-light text-center w-100 px-0\"\u003e\n                \u003ch2 class=\"font-weight-bold\"\u003e\n\u003cspan class=\"outlined-text\"\u003eSense+\u003c\/span\u003e Sensor Controls\u003c\/h2\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/a\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"pb-lg-5\"\u003e\n    \u003cdiv class=\"container scene-tab-custom\"\u003e\n      \u003cdiv class=\"row justify-content-center\"\u003e\n        \u003cdiv class=\"col-lg-12\"\u003e\n          \u003cnav\u003e\n            \u003cdiv class=\"nav nav-tabs nav-fill\" role=\"tablist\"\u003e\n\u003ca class=\"nav-item nav-link active\" id=\"lafaer-led-light-tab\" data-toggle=\"tab\" href=\"#lafaer-led-light\" role=\"tab\" aria-controls=\"lafaer-led-light\" aria-selected=\"true\"\u003eSense+ LED Lights\u003c\/a\u003e\n              \u003ca class=\"nav-item nav-link\" id=\"lafaer-sensor-tab\" data-toggle=\"tab\" href=\"#lafaer-sensor\" role=\"tab\" aria-controls=\"lafaer-sensor\" aria-selected=\"false\"\u003eSense+ Controls\u003c\/a\u003e\n            \u003c\/div\u003e\n          \u003c\/nav\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-lg-12 mt-4\"\u003e\n          \u003cdiv class=\"tab-content\" id=\"custom-tabContent\"\u003e\n            \u003cdiv class=\"tab-pane fade active show\" id=\"lafaer-led-light\" role=\"tabpanel\" aria-labelledby=\"lafaer-led-light-tab\"\u003e\n              \u003cdiv class=\"row align-items-center justify-content-center\"\u003e\n                \u003cdiv class=\"col-12\"\u003e\n                  \u003ctable class=\"table table-bordered text-center\"\u003e\n                    \u003cthead class=\"thead-light\"\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"col\"\u003e\u003c\/th\u003e\n                        \u003cth scope=\"col\"\u003e\n                          \u003ch6 class=\"font-weight-bold\"\u003e26 cm (10 in)\u003c\/h6\u003e\n                        \u003c\/th\u003e\n                        \u003cth scope=\"col\"\u003e\n                          \u003ch6 class=\"font-weight-bold\"\u003e37 cm (15 in)\u003c\/h6\u003e\n                        \u003c\/th\u003e\n                        \u003cth scope=\"col\"\u003e\n                          \u003ch6 class=\"font-weight-bold\"\u003e51 cm (20 in)\u003c\/h6\u003e\n                        \u003c\/th\u003e\n                      \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                      \u003ctr\u003e\n                        \u003cth\u003e\u003c\/th\u003e\n                        \u003ctd\u003e\n\u003cimg class=\"img-fluid w-75\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/product_spl260.png\"\u003e\n                        \u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cimg class=\"img-fluid w-75\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/product_spl370.png\"\u003e\n                        \u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cimg class=\"img-fluid w-75\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/product_spl510.png\"\u003e\n                        \u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eNumber of LEDs:\u003c\/th\u003e\n                        \u003ctd\u003e88\u003c\/td\u003e\n                        \u003ctd\u003e132\u003c\/td\u003e\n                        \u003ctd\u003e188\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eCentralized Control:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003eControl multiple lights with multiple sensors\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eAdjustable Brightness:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003e25% , 50%, 75%, 100%\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eColor Temperature:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003eWarm White (2800K) \/ Natural White (4000K) \/ Cool White (6000K)\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eBattery Capacity:\u003c\/th\u003e\n                        \u003ctd\u003e2200mAh\u003c\/td\u003e\n                        \u003ctd\u003e3400mAh\u003c\/td\u003e\n                        \u003ctd\u003e4400mAh\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eBattery Life:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003e8+ hours (at 100% brightness)\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eCharging Port:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003eUSB-C\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eCharging Time:\u003c\/th\u003e\n                        \u003ctd\u003eFully charges in approx. 3 hours\u003c\/td\u003e\n                        \u003ctd\u003eFully charges in approx. 4 hours\u003c\/td\u003e\n                        \u003ctd\u003eFully charges in approx. 5 hours\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eRemote Control (Included):\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003e\n\u003cimg class=\"img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/spl_remote.png\" alt=\"Remote Control\" style=\"width:8rem\"\u003e\n                          Used to control brightness and color temperature\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eBattery Type:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003eCR2032\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                  \u003c\/table\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"tab-pane fade\" id=\"lafaer-sensor\" role=\"tabpanel\" aria-labelledby=\"lafaer-sensor-tab\"\u003e\n              \u003cdiv class=\"row align-items-center justify-content-center\"\u003e\n                \u003cdiv class=\"col-12\"\u003e\n                  \u003ctable class=\"table table-bordered text-center\"\u003e\n                    \u003cthead class=\"thead-light\"\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"col\"\u003e\u003c\/th\u003e\n                        \u003cth scope=\"col\"\u003eMotion Control\u003c\/th\u003e\n                        \u003cth scope=\"col\"\u003eHand Control\u003c\/th\u003e\n                        \u003cth scope=\"col\"\u003eDoor Control\u003c\/th\u003e\n                      \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003e\u003c\/th\u003e\n                        \u003ctd\u003e\u003cimg class=\"img-fluid w-50\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/product_motion-control.png\" alt=\"Senes+ Motion Control\"\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cimg class=\"img-fluid w-50\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/product_hand-control.png\" alt=\"Sense+ Hand Control\"\u003e\u003c\/td\u003e\n                        \u003ctd\u003e\u003cimg class=\"img-fluid w-50\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/product_door-control.png\" alt=\"Sense+ Door Control\"\u003e\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eDetecting Range:\u003c\/th\u003e\n                        \u003ctd\u003e300-500cm \/ 180inch\u003c\/td\u003e\n                        \u003ctd\u003e5-6cm \/ 2inch\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eMotion Duration\/Delay:\u003c\/th\u003e\n                        \u003ctd\u003eLights stay turned on for \u003cb\u003e30 sec \/ 2 min\u003c\/b\u003e after motion is detected\u003c\/td\u003e\n                        \u003ctd\u003eLights stay turned on for \u003cb\u003e30 min \/ 10min\u003c\/b\u003e after motion is detected\u003c\/td\u003e\n                        \u003ctd\u003e-\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eLighting Modes:\u003c\/th\u003e\n                        \u003ctd\u003e\n                          \u003cul class=\"text-left\"\u003e\n                            \u003cli\u003eAll-Day Sensing - Lights on in a bright environment\u003c\/li\u003e\n                            \u003cli\u003eNight Sensing - Lights on in a dark environment\u003c\/li\u003e\n                          \u003c\/ul\u003e\n                        \u003c\/td\u003e\n                        \u003ctd\u003eAuto Sensing - Swipe or wave to turn on the lights\u003c\/td\u003e\n                        \u003ctd\u003eAuto Sensing - Turn on\/off lights when opening\/closing the door\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003ePerfect for:\u003c\/th\u003e\n                        \u003ctd\u003e\n\u003cb\u003eQuick, efficient lighting\u003c\/b\u003e\n                          \u003chr\u003e\n\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eHallway\u003cbr\u003e\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eBathroom\u003cbr\u003e\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eWalk-in Closet\n                        \u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cb\u003eClean, touch-free lighting with messy hands\u003c\/b\u003e\n                          \u003chr\u003e\n\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eKitchen Countertops\u003cbr\u003e\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eWorkbenches\u003cbr\u003e\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eVanities\n                        \u003c\/td\u003e\n                        \u003ctd\u003e\n\u003cb\u003eAutomatic lighting work exactly when accessed\u003c\/b\u003e\n                          \u003chr\u003e\n\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003ePantries\u003cbr\u003e\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eCabinets\u003cbr\u003e\u003ci class=\"fa-solid fa-check m-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003eEntry Closets\n                        \u003c\/td\u003e\n                      \u003c\/tr\u003e\n                      \u003ctr\u003e\n                        \u003cth scope=\"row\"\u003eBattery Type:\u003c\/th\u003e\n                        \u003ctd colspan=\"3\"\u003eCR2450\u003c\/td\u003e\n                      \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                  \u003c\/table\u003e\n                \u003c\/div\u003e\n                \u003ch4 class=\"text-muted font-weight-light pt-3\"\u003e*Sense+ Controls are only compatible with Sense+ LED\n                  Lights.\u003c\/h4\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"bg-light p-4 py-lg-5\"\u003e\n    \u003cdiv class=\"container\"\u003e\n      \u003ch2 class=\"font-weight-bold text-center\"\u003eFAQ\u003c\/h2\u003e\n      \u003cdiv class=\"row justify-content-center\"\u003e\n        \u003cdiv class=\"col-lg-10 pt-3\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"accordion accordion-1 border bg-white gl-rounded\" id=\"accordion-1-family\"\u003e\n              \u003cdiv class=\"accordion-item collapsed\" data-toggle=\"collapse\" data-target=\"#collapsed-1\" aria-expanded=\"false\" aria-controls=\"collapsed-1\"\u003e\n                \u003cdiv class=\"d-flex justify-content-between align-items-center p-3 mt-2 p-md-4\"\u003e\n                  \u003ch6 class=\"font-weight-bold\"\u003eQ: How is the Sense+ Series different from other lights on the market?\n                  \u003c\/h6\u003e\n                  \u003ch5\u003e\n\u003ci class=\"fa-solid fa-plus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                    \u003ci class=\"fa-solid fa-minus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                  \u003c\/h5\u003e\n                \u003c\/div\u003e\n                \u003cdiv id=\"collapsed-1\" class=\"collapse px-3 px-md-4\" aria-labelledby=\"collapsed-1\" data-parent=\"#accordion-1-family\"\u003e\n                  \u003cp class=\"pb-3\"\u003eA: Unlike conventional systems where a single sensor controls multiple lights, the\n                    Lafaer Sense+ series allows for \u003cb\u003emultiple sensors to pair with multiple LED lights\u003c\/b\u003e, offering\n                    greater flexibility and customization.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-lg-10 pt-3\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"accordion accordion-2 border bg-white gl-rounded\" id=\"accordion-2-family\"\u003e\n              \u003cdiv class=\"accordion-item collapsed\" data-toggle=\"collapse\" data-target=\"#collapsed-2\" aria-expanded=\"false\" aria-controls=\"collapsed-2\"\u003e\n                \u003cdiv class=\"d-flex justify-content-between align-items-center p-3 mt-2 p-md-4\"\u003e\n                  \u003ch6 class=\"font-weight-bold\"\u003eQ: How long does it need to get fully charged? And how long does the\n                    battery last?\u003c\/h6\u003e\n                  \u003ch5\u003e\n\u003ci class=\"fa-solid fa-plus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                    \u003ci class=\"fa-solid fa-minus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                  \u003c\/h5\u003e\n                \u003c\/div\u003e\n                \u003cdiv id=\"collapsed-2\" class=\"collapse px-3 px-md-4\" aria-labelledby=\"collapsed-2\" data-parent=\"#accordion-2-family\"\u003e\n                  \u003cp class=\"pb-3\"\u003eA: Depending on the sizes, the Sense+ Series takes about \u003cb\u003e3-5 hours\u003c\/b\u003e to fully\n                    charge and provides up to \u003cb\u003e8 hours\u003c\/b\u003e of runtime on a single charge (at 100% brightness).\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-lg-10 pt-3\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"accordion accordion-3 border bg-white gl-rounded\" id=\"accordion-3-family\"\u003e\n              \u003cdiv class=\"accordion-item collapsed\" data-toggle=\"collapse\" data-target=\"#collapsed-3\" aria-expanded=\"false\" aria-controls=\"collapsed-3\"\u003e\n                \u003cdiv class=\"d-flex justify-content-between align-items-center p-3 mt-2 p-md-4\"\u003e\n                  \u003ch6 class=\"font-weight-bold\"\u003eQ: How to connect the lights? How many can I connect together?\u003c\/h6\u003e\n                  \u003ch5\u003e\n\u003ci class=\"fa-solid fa-plus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                    \u003ci class=\"fa-solid fa-minus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                  \u003c\/h5\u003e\n                \u003c\/div\u003e\n                \u003cdiv id=\"collapsed-3\" class=\"collapse px-3 px-md-4\" aria-labelledby=\"collapsed-3\" data-parent=\"#accordion-3-family\"\u003e\n                  \u003cdiv class=\"row align-items-center pb-3\"\u003e\n                    \u003cdiv class=\"col-lg-7\"\u003e\n                      \u003cp\u003eA: Remove the end cover and join the two LED lights together.\u003c\/p\u003e\n                      \u003cp\u003eYou can connect as many as you need, but in normal home setup, connecting up to 4 LED Lights\n                        should be more than enough.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"col-lg-3\"\u003e\u003cimg class=\"img-fluid\" src=\"https:\/\/static.gl-inet.com\/www\/images\/campaign\/lafaer-spl-series\/connect-the-lights.png\" alt=\"join the two LED lights together\"\u003e\u003c\/div\u003e\n                  \u003c\/div\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-lg-10 pt-3\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"accordion accordion-4 border bg-white gl-rounded\" id=\"accordion-4-family\"\u003e\n              \u003cdiv class=\"accordion-item collapsed\" data-toggle=\"collapse\" data-target=\"#collapsed-4\" aria-expanded=\"false\" aria-controls=\"collapsed-4\"\u003e\n                \u003cdiv class=\"d-flex justify-content-between align-items-center p-3 mt-2 p-md-4\"\u003e\n                  \u003ch6 class=\"font-weight-bold\"\u003eQ: Can I charge the lights while they are connected?\u003c\/h6\u003e\n                  \u003ch5\u003e\n\u003ci class=\"fa-solid fa-plus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                    \u003ci class=\"fa-solid fa-minus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                  \u003c\/h5\u003e\n                \u003c\/div\u003e\n                \u003cdiv id=\"collapsed-4\" class=\"collapse px-3 px-md-4\" aria-labelledby=\"collapsed-4\" data-parent=\"#accordion-4-family\"\u003e\n                  \u003cp class=\"pb-3\"\u003eA: Yes, you can! However, please note that charging will take longer if the lights are\n                    on while charging.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"col-lg-10 pt-3\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"accordion accordion-5 border bg-white gl-rounded\" id=\"accordion-5-family\"\u003e\n              \u003cdiv class=\"accordion-item collapsed\" data-toggle=\"collapse\" data-target=\"#collapsed-5\" aria-expanded=\"false\" aria-controls=\"collapsed-5\"\u003e\n                \u003cdiv class=\"d-flex justify-content-between align-items-center p-3 mt-2 p-md-4\"\u003e\n                  \u003ch6 class=\"font-weight-bold\"\u003eQ: Where do you ship to?\u003c\/h6\u003e\n                  \u003ch5\u003e\n\u003ci class=\"fa-solid fa-plus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                    \u003ci class=\"fa-solid fa-minus toggle-icon mr-0 mr-md-3 ml-n3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n                  \u003c\/h5\u003e\n                \u003c\/div\u003e\n                \u003cdiv id=\"collapsed-5\" class=\"collapse px-3 px-md-4\" aria-labelledby=\"collapsed-5\" data-parent=\"#accordion-5-family\"\u003e\n                  \u003cp\u003ePlease refer to the \u003ca href=\"https:\/\/lafaer.co\/policies\/shipping-policy\" target=\"_blank\"\u003eShipping\n                      Policy\u003c\/a\u003e.\u003c\/p\u003e\n                \u003c\/div\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n  \u003csection class=\"py-4 py-lg-5\"\u003e\n    \u003cdiv class=\"container p-5 gl-rounded\"\u003e\n      \u003cdiv class=\"text-center col-10 m-auto\"\u003e\n\u003ci class=\"fa-regular fa-briefcase fa-4x mb-3\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n        \u003ch2 class=\"font-weight-bold\"\u003eFlexible Bulk and Custom Orders for Businesses\u003c\/h2\u003e\n        \u003cp\u003eWe accept both bulk purchases and customized orders to suit your business needs. Whether you’re sourcing for\n          retail, large projects, or branded solutions, Sense+ LED Lights can be tailored in length, packaging, and\n          specifications.\u003c\/p\u003e\n\u003ca class=\"btn btn-round btn-dark mt-3 mr-3\" href=\"mailto:cs@lafaer.co\" target=\"_blank\"\u003eGet\n          Your Custom Quote Today \u003ci class=\"fa-solid fa-arrow-right ml-2\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/main\u003e\n\n\u003c!-- Set the Perfect Light for Every Moment start--\u003e\n\u003cscript\u003e\n    class Carousel {\n        constructor() {\n            this.currentSlide = 0;\n            this.totalSlides = 3;\n            this.isAnimating = false;\n            this.autoRotateTimer = null;\n            this.autoRotateInterval = 3000; \/\/ 3秒自动切换\n            \n            this.slideElements = document.querySelectorAll('.carousel-slide');\n            \n            this.progressBar = document.getElementById('progressBar');\n            this.gradientBar = document.getElementById('gradientBar');\n            this.dots = document.querySelectorAll('.gradient-dot');\n            this.labels = document.querySelectorAll('.gradient-label');\n            \n            \/\/ 为标签添加data-slide属性\n            this.labels.forEach((label, index) =\u003e {\n                label.setAttribute('data-slide', index);\n            });\n            \n            this.slideData = [\n                {\n                    title: 'Cool White',\n                    tempK: '2800K',\n                    color: '#548cff'\n                },\n                {\n                    title: 'Natural White',\n                    tempK: '4000K',\n                    color: '#617591'\n                },\n                {\n                    title: 'Warm White',\n                    tempK: '6000K',\n                    color: '#ffa546'\n                }\n            ];\n            \n            this.init();\n        }\n        \n        init() {\n            this.bindEvents();\n            this.updateIndicators();\n            this.updateProgressBar();\n            this.updateSlides();\n            \n            \/\/ 初始状态设置为活动状态以显示渐变\n            this.gradientBar.classList.add('active');\n            \n            \/\/ 启动自动轮播\n            this.startAutoRotate();\n        }\n        \n        \/\/ 启动自动轮播\n        startAutoRotate() {\n            this.stopAutoRotate();\n            this.autoRotateTimer = setInterval(() =\u003e {\n                this.autoNextSlide();\n            }, this.autoRotateInterval);\n        }\n        \n        \/\/ 停止自动轮播\n        stopAutoRotate() {\n            if (this.autoRotateTimer) {\n                clearInterval(this.autoRotateTimer);\n                this.autoRotateTimer = null;\n            }\n        }\n        \n        \/\/ 自动切换到下一张幻灯片\n        autoNextSlide() {\n            if (this.isAnimating) return;\n            \n            let nextSlide = this.currentSlide + 1;\n            if (nextSlide \u003e= this.totalSlides) {\n                nextSlide = 0; \/\/ 循环回到第一张\n            }\n            \n            this.goToSlide(nextSlide);\n        }\n        bindEvents() {\n            this.dots.forEach((dot, index) =\u003e {\n                dot.addEventListener('click', () =\u003e {\n                    if (this.isAnimating) return;\n                    this.goToSlide(index);\n                    this.startAutoRotate(); \/\/ 重置自动轮播计时器\n                });\n            });\n            \n            this.labels.forEach((label, index) =\u003e {\n                label.addEventListener('click', () =\u003e {\n                    if (this.isAnimating) return;\n                    this.goToSlide(index);\n                    this.startAutoRotate(); \/\/ 重置自动轮播计时器\n                });\n            });\n            \n            \/\/ 在鼠标悬停时暂停自动轮播，鼠标离开时恢复\n            this.gradientBar.addEventListener('mouseenter', () =\u003e {\n                this.stopAutoRotate();\n            });\n            \n            this.gradientBar.addEventListener('mouseleave', () =\u003e {\n                this.startAutoRotate();\n            });\n        }\n        \n        goToSlide(slideIndex) {\n            if (slideIndex === this.currentSlide || this.isAnimating) return;\n            \n            this.currentSlide = slideIndex;\n            this.isAnimating = true;\n            \n            \/\/ 滑动前设置为默认颜色\n            this.gradientBar.classList.remove('active');\n            \n            \/\/ 立即更新指示器和图片\n            this.updateIndicators();\n            this.updateSlides();\n            this.updateProgressBar();\n            \n            this.isAnimating = false;\n        }\n        \n        updateSlides() {\n            \/\/ 直接切换显示，无任何过渡效果\n            this.slideElements.forEach((slide, index) =\u003e {\n                if (index === this.currentSlide) {\n                    slide.classList.add('active');\n                } else {\n                    slide.classList.remove('active');\n                }\n            });\n        }\n        \n        updateIndicators() {\n            const currentData = this.slideData[this.currentSlide];\n            \n            \/\/ 更新指示点\n            this.dots.forEach((dot, index) =\u003e {\n                dot.classList.toggle('active', index === this.currentSlide);\n            });\n            \n            \/\/ 更新标签\n            this.labels.forEach((label, index) =\u003e {\n                label.classList.toggle('active', index === this.currentSlide);\n            });\n        }\n        \n        updateProgressBar() {\n            \/\/ 直接设置进度条宽度\n            const progressWidth = (this.currentSlide \/ (this.totalSlides - 1)) * 100;\n            this.progressBar.style.width = progressWidth + '%';\n            \n            \/\/ 重置所有渐变阶段类\n            this.gradientBar.classList.remove('second-stage', 'third-stage');\n            this.progressBar.classList.remove('first-stage', 'second-stage', 'third-stage');\n            \n            \/\/ 根据当前幻灯片设置进度条容器颜色和渐变阶段\n            if (this.currentSlide === this.totalSlides - 1) {\n                \/\/ 第三个圆点高亮\n                this.gradientBar.classList.add('active', 'third-stage');\n                this.progressBar.classList.add('third-stage');\n            } else if (this.currentSlide === 1) {\n                \/\/ 第二个圆点高亮\n                this.gradientBar.classList.add('active', 'second-stage');\n                this.progressBar.classList.add('second-stage');\n            } else {\n                \/\/ 第一个圆点高亮\n                this.gradientBar.classList.add('active');\n                this.progressBar.classList.add('first-stage');\n            }\n        }\n    }\n    \n    \/\/ 初始化轮播图\n    document.addEventListener('DOMContentLoaded', () =\u003e {\n        new Carousel();\n    });\n\u003c\/script\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', function() {\n    const video = document.getElementById('brightnessVideo');\n    const progressBar = document.getElementById('brightnessProgressBar');\n    const movingDot = document.getElementById('movingDot');\n    const gradientBar = document.getElementById('brightnessGradientBar');\n    const cycleDuration = 3; \/\/ 3秒循环\n    \n    \/\/ 设置视频循环播放\n    video.loop = true;\n    video.play();\n    \n    \/\/ 设置移动指示点的样式 - 空心样式\n    movingDot.style.width = '12px';\n    movingDot.style.height = '12px';\n    movingDot.style.borderRadius = '50%';\n    movingDot.style.backgroundColor = 'transparent';\n    movingDot.style.border = '2px solid white';\n    movingDot.style.position = 'absolute';\n    movingDot.style.top = '50%';\n    movingDot.style.transform = 'translate(-50%, -50%)';\n    movingDot.style.zIndex = '10';\n    \n    \/\/ 获取温度标签元素\n    const gradientLabels = document.querySelectorAll('.gradient-label');\n    \n    \/\/ 创建从左到右的滑动效果，指示点跟随进度移动\n    function updateProgressAnimation() {\n      const currentTime = (Date.now() \/ 1000) % cycleDuration;\n      const progress = (currentTime \/ cycleDuration) * 100;\n      \n      \/\/ 更新进度条宽度（从左到右滑动）\n      progressBar.style.width = progress + '%';\n      \n      \/\/ 进度条使用固定样式\n      progressBar.style.backgroundColor = 'transparent';\n      progressBar.style.backgroundImage = 'linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0.2))';\n      progressBar.style.borderRadius = '8px 0 0 8px'; \/\/ 左边圆角\n\n      \n      \/\/ 更新移动指示点的位置\n      const barWidth = gradientBar.offsetWidth;\n      const dotPosition = (barWidth * progress) \/ 100;\n      movingDot.style.left = progress + '%';\n      \n      requestAnimationFrame(updateProgressAnimation);\n    }\n    \n    \/\/ 开始动画\n    updateProgressAnimation();\n  });\n\u003c\/script\u003e\n\u003c!-- Set the Perfect Light for Every Moment end--\u003e\n\n  \u003cscript\u003e\n    document.addEventListener('DOMContentLoaded', function() {\n      \/\/ 视频交互\n      const videos = document.querySelectorAll('.hover-play-video');\n      videos.forEach(video =\u003e {\n          video.addEventListener('mouseenter', function() {\n              this.play();\n          });\n          video.addEventListener('mouseleave', function() {\n              this.pause();\n          });\n      });\n    })\n  \u003c\/script\u003e\n","brand":"GL.iNet","offers":[{"title":"DE warehouse \/ 26cm \/ 10\"","offer_id":48454787825847,"sku":"EC-SPL260-EU-4PX","price":28.89,"currency_code":"EUR","in_stock":true},{"title":"DE warehouse \/ 37cm \/ 15\"","offer_id":48454787858615,"sku":"EC-SPL370-EU-4PX","price":36.11,"currency_code":"EUR","in_stock":true},{"title":"DE warehouse \/ 51cm \/ 20\"","offer_id":48454787891383,"sku":"EC-SPL510-EU-4PX","price":45.4,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0711\/7733\/9063\/files\/E7E131A6-FBF5-49DA-B3B6-B0964B1E1C2A.png?v=1778479494","url":"https:\/\/www.gl-inet.com\/en-de\/products\/sense-led-light-expandable-led-with-sensor-controls","provider":"GL.iNet","version":"1.0","type":"link"}