{"product_id":"dimmer-0-10v-for-dimmable-led-high-bay-light","title":"Dimmer (0-10V) for dimmable LED high bay light","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n        }\n        \n        body {\n            background-color: #f8fafc;\n            color: #1e293b;\n            line-height: 1.6;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n        \n        \/* H-Level Styles *\/\n        .hero-section {\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n        }\n        \n        .hero-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n            color: white;\n            padding: 8px 20px;\n            border-radius: 30px;\n            font-size: 0.9rem;\n            font-weight: 600;\n            margin-bottom: 20px;\n            letter-spacing: 0.5px;\n        }\n        \n        .hero-title {\n            font-size: 3.2rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n            background: linear-gradient(135deg, #1e293b, #475569);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            line-height: 1.2;\n        }\n        \n        .hero-subtitle {\n            font-size: 1.4rem;\n            color: #64748b;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            font-weight: 400;\n        }\n        \n        \/* M-Level Styles *\/\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n        \n        .feature-card {\n            background: white;\n            border-radius: 16px;\n            padding: 35px 30px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n            border: 1px solid #e2e8f0;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .feature-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n            border-color: #cbd5e1;\n        }\n        \n        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(90deg, #3b82f6, #8b5cf6);\n        }\n        \n        .feature-icon {\n            font-size: 2.8rem;\n            margin-bottom: 25px;\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        \n        .icon-energy {\n            background: linear-gradient(135deg, #fef3c7, #f59e0b);\n            color: #92400e;\n        }\n        \n        .icon-comfort {\n            background: linear-gradient(135deg, #dbeafe, #3b82f6);\n            color: #1e40af;\n        }\n        \n        .icon-lifespan {\n            background: linear-gradient(135deg, #dcfce7, #10b981);\n            color: #065f46;\n        }\n        \n        .feature-title {\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 15px;\n            color: #1e293b;\n        }\n        \n        .feature-description {\n            color: #64748b;\n            font-size: 1.1rem;\n            line-height: 1.7;\n        }\n        \n        \/* L-Level Styles *\/\n        .specs-section {\n            background: white;\n            border-radius: 16px;\n            padding: 40px;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n            border: 1px solid #e2e8f0;\n        }\n        \n        .specs-title {\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 30px;\n            color: #1e293b;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n        \n        .specs-title i {\n            color: #3b82f6;\n        }\n        \n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n        }\n        \n        .spec-item {\n            display: flex;\n            flex-direction: column;\n            padding-bottom: 15px;\n            border-bottom: 1px solid #f1f5f9;\n        }\n        \n        .spec-label {\n            font-size: 0.95rem;\n            color: #64748b;\n            font-weight: 500;\n            margin-bottom: 5px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n        \n        .spec-value {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #1e293b;\n        }\n        \n        \/* Responsive Styles *\/\n        @media (max-width: 768px) {\n            .hero-title {\n                font-size: 2.5rem;\n            }\n            \n            .hero-subtitle {\n                font-size: 1.2rem;\n            }\n            \n            .features-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .specs-section {\n                padding: 30px 20px;\n            }\n            \n            .container {\n                padding: 30px 15px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 2rem;\n            }\n            \n            .hero-subtitle {\n                font-size: 1.1rem;\n            }\n            \n            .feature-card {\n                padding: 25px 20px;\n            }\n        }\n        \n        \/* Animation *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \n        .hero-section, .feature-card, .specs-section {\n            animation: fadeInUp 0.8s ease-out;\n        }\n        \n        .feature-card:nth-child(2) {\n            animation-delay: 0.1s;\n        }\n        \n        .feature-card:nth-child(3) {\n            animation-delay: 0.2s;\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003c!-- H-Level: Core Value Proposition --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-badge\"\u003eINDUSTRIAL LIGHTING SOLUTION\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eSmart Dimming, Intelligent Industrial Lighting\u003c\/h1\u003e\n\u003cp class=\"hero-subtitle\"\u003e0-10V Precision Dimmer delivers seamless dimming solutions for your industrial space with smooth, continuous dimming technology\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- M-Level: Functional Benefits --\u003e\n\u003csection class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon icon-energy\"\u003e\n\u003ci class=\"fas fa-bolt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eEnergy Savings Up to 70%\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eAdjust brightness on-demand to significantly reduce energy consumption and operational costs. Intelligent dimming responds to actual lighting needs without waste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon icon-comfort\"\u003e\n\u003ci class=\"fas fa-eye\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eEnhanced Visual Comfort\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eFlicker-free dimming protects employee eyesight and improves work efficiency. Smooth brightness transitions create optimal visual environments for various tasks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon icon-lifespan\"\u003e\n\u003ci class=\"fas fa-clock\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003ch3 class=\"feature-title\"\u003eExtended Fixture Lifespan\u003c\/h3\u003e\n\u003cp class=\"feature-description\"\u003eIntelligent dimming reduces LED light decay, extending the operational life of your high bay lighting fixtures. Lower operating temperatures mean longer-lasting performance.\u003ci class=\"fas fa-info-circle\"\u003e\u003c\/i\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- L-Level: Technical Specifications --\u003e\n\u003c\/div\u003e","brand":"Langy Energy","offers":[{"title":"Default Title","offer_id":43779795419271,"sku":null,"price":49.94,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0363\/8070\/4903\/files\/20250926-093319.jpg?v=1768454979","url":"https:\/\/langyenergflash.com\/en-ca\/products\/dimmer-0-10v-for-dimmable-led-high-bay-light","provider":"Langy Energy","version":"1.0","type":"link"}