﻿<!DOCTYPE html><html lang="en" dir="ltr"> <head><!-- Charset & viewport --><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><!-- Primary meta --><title>Your Trusted Middle East Commercial Lighting Partner — Yakeen Lighting</title><meta name="description" content="SASO-certified LED lighting with OEM/ODM customization. From downlights to solar street lights — manufactured to GCC standards, delivered with full compliance documentation."><link rel="canonical" href="https://www.yakeenlighting.com/"><meta name="author" content="Taiyuan Yakeen Trading Co., Ltd."><!-- hreflang alternates --><link rel="alternate" hreflang="en" href="https://www.yakeenlighting.com/"><link rel="alternate" hreflang="ar" href="https://www.yakeenlighting.com/ar/"><link rel="alternate" hreflang="x-default" href="https://www.yakeenlighting.com/"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Yakeen Lighting"><meta property="og:title" content="Your Trusted Middle East Commercial Lighting Partner — Yakeen Lighting"><meta property="og:description" content="SASO-certified LED lighting with OEM/ODM customization. From downlights to solar street lights — manufactured to GCC standards, delivered with full compliance documentation."><meta property="og:url" content="https://www.yakeenlighting.com/"><meta property="og:image" content="https://www.yakeenlighting.com/assets/images/og-image.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:locale" content="en_US"><meta property="og:locale:alternate" content="ar_SA"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Your Trusted Middle East Commercial Lighting Partner — Yakeen Lighting"><meta name="twitter:description" content="SASO-certified LED lighting with OEM/ODM customization. From downlights to solar street lights — manufactured to GCC standards, delivered with full compliance documentation."><meta name="twitter:image" content="https://www.yakeenlighting.com/assets/images/og-image.jpg"><!-- Theme color --><meta name="theme-color" content="#050b14"><!-- Google Fonts (non-blocking via print media + onload swap) --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@500;600;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap"></noscript><!-- Google Analytics 4 --><script async src="https://www.googletagmanager.com/gtag/js?id=G-FN3DVP4JKH"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag('js', new Date());
  gtag('config', 'G-FN3DVP4JKH');
</script><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v5.18.2"><meta name="msvalidate.01" content="6BBEA83E490F5F915EE9EE62B1FAAF66"><meta http-equiv="content-language" content="en"><style>*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Manrope,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media(min-width:1280px){.container{max-width:1280px}}.btn-gold{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:var(--navy-900)}.btn-gold:hover{transform:scale(1.05);box-shadow:0 4px 20px #c9a96166}.btn-gold:active{transform:scale(.98)}.btn-outline-gold{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border-width:2px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-color:var(--gold-500);color:var(--gold-500);background:transparent}.btn-outline-gold:hover{background:var(--gold-500);color:var(--navy-900)}.section-padding{padding-top:5rem;padding-bottom:5rem}@media(min-width:768px){.section-padding{padding-top:8rem;padding-bottom:8rem}}.container-yakeen{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:768px){.container-yakeen{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.container-yakeen{padding-left:4rem;padding-right:4rem}}.container-yakeen{max-width:var(--max-width)}.text-gradient-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-top-24{top:-6rem}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.bottom-10{bottom:2.5rem}.bottom-20{bottom:5rem}.bottom-3{bottom:.75rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-10{left:2.5rem}.left-3{left:.75rem}.right-0{right:0}.right-1\/4{right:25%}.right-10{right:2.5rem}.right-3{right:.75rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-10{top:2.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-\[var\(--header-height\)\]{top:var(--header-height)}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-16{margin-top:4rem;margin-bottom:4rem}.-mt-20{margin-top:-5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-full{height:100%}.h-px{height:1px}.max-h-80{max-height:20rem}.min-h-\[80vh\]{min-height:80vh}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.min-w-\[900px\]{min-width:900px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse-gold{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-gold-500{--tw-border-opacity: 1;border-color:rgb(201 169 97 / var(--tw-border-opacity, 1))}.border-gold-500\/60{border-color:#c9a96199}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-navy-100{--tw-border-opacity: 1;border-color:rgb(217 226 240 / var(--tw-border-opacity, 1))}.border-navy-900{--tw-border-opacity: 1;border-color:rgb(5 11 20 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.bg-gold-500{--tw-bg-opacity: 1;background-color:rgb(201 169 97 / var(--tw-bg-opacity, 1))}.bg-gold-500\/15{background-color:#c9a96126}.bg-gold-500\/20{background-color:#c9a96133}.bg-gold-500\/25{background-color:#c9a96140}.bg-gold-500\/40{background-color:#c9a96166}.bg-gold-500\/90{background-color:#c9a961e6}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-navy-900{--tw-bg-opacity: 1;background-color:rgb(5 11 20 / var(--tw-bg-opacity, 1))}.bg-navy-900\/85{background-color:#050b14d9}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-sand-100{--tw-bg-opacity: 1;background-color:rgb(240 235 224 / var(--tw-bg-opacity, 1))}.bg-sand-50{--tw-bg-opacity: 1;background-color:rgb(250 247 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-navy-900{--tw-gradient-from: #050b14 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-navy-900\/40{--tw-gradient-from: rgb(5 11 20 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-navy-900\/60{--tw-gradient-from: rgb(5 11 20 / .6) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-navy-900\/70{--tw-gradient-from: rgb(5 11 20 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-navy-900\/80{--tw-gradient-from: rgb(5 11 20 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-navy-800{--tw-gradient-to: rgb(10 21 37 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0a1525 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-navy-900\/20{--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(5 11 20 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-navy-900\/30{--tw-gradient-to: rgb(5 11 20 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(5 11 20 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-gold-500\/50{--tw-gradient-to: rgb(201 169 97 / .5) var(--tw-gradient-to-position)}.to-navy-900{--tw-gradient-to: #050b14 var(--tw-gradient-to-position)}.to-navy-900\/20{--tw-gradient-to: rgb(5 11 20 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-1{padding-left:.25rem}.pl-9{padding-left:2.25rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-serif{font-family:Cormorant Garamond,Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[8rem\]{font-size:8rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-\[1\.12\]{line-height:1.12}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-gold-400{--tw-text-opacity: 1;color:rgb(233 173 60 / var(--tw-text-opacity, 1))}.text-gold-500{--tw-text-opacity: 1;color:rgb(201 169 97 / var(--tw-text-opacity, 1))}.text-gold-500\/80{color:#c9a961cc}.text-gold-600{--tw-text-opacity: 1;color:rgb(184 150 74 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-navy-500{--tw-text-opacity: 1;color:rgb(58 86 133 / var(--tw-text-opacity, 1))}.text-navy-700{--tw-text-opacity: 1;color:rgb(26 39 68 / var(--tw-text-opacity, 1))}.text-navy-900{--tw-text-opacity: 1;color:rgb(5 11 20 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-\[0\.05\]{opacity:.05}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.07\]{opacity:.07}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-navy-900\/10{--tw-shadow-color: rgb(5 11 20 / .1);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-gold-500\/30{--tw-ring-color: rgb(201 169 97 / .3)}.ring-gray-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}html{scroll-padding-top:72px}:root{--navy-900: #050b14;--navy-800: #0a1525;--navy-700: #1a2744;--navy-600: #2a4168;--gold-500: #c9a961;--gold-600: #b8964a;--gold-400: #e9ad3c;--sand-50: #faf7f2;--sand-100: #f0ebe0;--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-arabic: "Noto Naskh Arabic", sans-serif;--header-height: 72px;--max-width: 1280px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--navy-900);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[dir=rtl] body{font-family:var(--font-arabic)}html[dir=rtl]{direction:rtl}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:8px;border:1px solid #E5E7EB}::-webkit-scrollbar-thumb{background:var(--navy-700);border-radius:8px;border:3px solid var(--gold-400);box-shadow:0 0 4px #00000026;min-height:40px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500);border-color:var(--navy-700);box-shadow:0 0 8px #0003}::-webkit-scrollbar-thumb:active{background:var(--navy-800);border-color:var(--gold-500)}::-webkit-scrollbar-corner{background:#f3f4f6}::-webkit-scrollbar-button{display:none}html{scrollbar-width:thin;scrollbar-color:var(--navy-700) #F3F4F6}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal-left.is-visible,.reveal-right.is-visible,.reveal-scale.is-visible{opacity:1;transform:none}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold-400),var(--gold-600));z-index:100;transition:width .08s linear}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}.scroll-indicator{animation:scroll-bounce 2s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 #c9a96166}50%{box-shadow:0 0 0 12px #c9a96100}}.animate-pulse-gold{animation:pulse-gold 2s infinite}.site-header{background:transparent;transition:background .3s ease,box-shadow .3s ease}.site-header.scrolled{background:#050b14d9;backdrop-filter:blur(12px);box-shadow:0 2px 20px #0000004d}.site-header.scrolled .nav-link{color:#ffffffeb}.site-header.scrolled .nav-link.active{color:#c9a961}.site-header.scrolled .nav-link:hover{color:#fff}img{loading:lazy}*:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.card-premium{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #050b140a,0 8px 30px #050b140f;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.card-premium:hover{transform:translateY(-4px);box-shadow:0 4px 8px #050b140f,0 20px 50px #050b141a}.card-glass{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1rem;border:1px solid rgba(255,255,255,.08);transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease}.card-glass:hover{background:#ffffff14;border-color:#c9a9614d;transform:translateY(-4px)}@media(hover:none){.card-premium:hover,.card-glass:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.placeholder\:text-navy-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(93 123 168 / var(--tw-text-opacity, 1))}.placeholder\:text-navy-400::placeholder{--tw-text-opacity: 1;color:rgb(93 123 168 / var(--tw-text-opacity, 1))}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:shadow-xl:focus-within{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-within\:shadow-gold-500\/20:focus-within{--tw-shadow-color: rgb(201 169 97 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gold-300:hover{--tw-border-opacity: 1;border-color:rgb(239 196 109 / var(--tw-border-opacity, 1))}.hover\:border-gold-400:hover{--tw-border-opacity: 1;border-color:rgb(233 173 60 / var(--tw-border-opacity, 1))}.hover\:border-gold-500:hover{--tw-border-opacity: 1;border-color:rgb(201 169 97 / var(--tw-border-opacity, 1))}.hover\:border-gold-500\/50:hover{border-color:#c9a96180}.hover\:border-green-400:hover{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.hover\:bg-gold-400:hover{--tw-bg-opacity: 1;background-color:rgb(233 173 60 / var(--tw-bg-opacity, 1))}.hover\:bg-gold-500:hover{--tw-bg-opacity: 1;background-color:rgb(201 169 97 / var(--tw-bg-opacity, 1))}.hover\:bg-sand-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 247 242 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:text-gold-300:hover{--tw-text-opacity: 1;color:rgb(239 196 109 / var(--tw-text-opacity, 1))}.hover\:text-gold-400:hover{--tw-text-opacity: 1;color:rgb(233 173 60 / var(--tw-text-opacity, 1))}.hover\:text-gold-500:hover{--tw-text-opacity: 1;color:rgb(201 169 97 / var(--tw-text-opacity, 1))}.hover\:text-gold-600:hover{--tw-text-opacity: 1;color:rgb(184 150 74 / var(--tw-text-opacity, 1))}.hover\:text-gold-700:hover{--tw-text-opacity: 1;color:rgb(148 112 56 / var(--tw-text-opacity, 1))}.hover\:text-navy-900:hover{--tw-text-opacity: 1;color:rgb(5 11 20 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-navy-900\/15:hover{--tw-shadow-color: rgb(5 11 20 / .15);--tw-shadow: var(--tw-shadow-colored)}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:absolute:focus{position:absolute}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-\[100\]:focus{z-index:100}.focus\:rounded:focus{border-radius:.25rem}.focus\:border-gold-500:focus{--tw-border-opacity: 1;border-color:rgb(201 169 97 / var(--tw-border-opacity, 1))}.focus\:bg-navy-900:focus{--tw-bg-opacity: 1;background-color:rgb(5 11 20 / var(--tw-bg-opacity, 1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-white:focus{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-gold-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(201 169 97 / var(--tw-ring-opacity, 1))}.focus\:ring-gold-500\/20:focus{--tw-ring-color: rgb(201 169 97 / .2)}.group[open] .group-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:visible{visibility:visible}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:gap-2{gap:.5rem}.group:hover .group-hover\:bg-gold-500{--tw-bg-opacity: 1;background-color:rgb(201 169 97 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-gold-400{--tw-text-opacity: 1;color:rgb(233 173 60 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gold-500{--tw-text-opacity: 1;color:rgb(201 169 97 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gold-600{--tw-text-opacity: 1;color:rgb(184 150 74 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-gold-700{--tw-text-opacity: 1;color:rgb(148 112 56 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-navy-700{--tw-text-opacity: 1;color:rgb(26 39 68 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-navy-900{--tw-text-opacity: 1;color:rgb(5 11 20 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:block{display:block}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:my-24{margin-top:6rem;margin-bottom:6rem}.md\:mb-8{margin-bottom:2rem}.md\:table-header-group{display:table-header-group}.md\:h-10{height:2.5rem}.md\:h-24{height:6rem}.md\:h-32{height:8rem}.md\:w-1\/3{width:33.333333%}.md\:w-10{width:2.5rem}.md\:w-12{width:3rem}.md\:w-24{width:6rem}.md\:w-32{width:8rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-3{gap:.75rem}.md\:gap-6{gap:1.5rem}.md\:gap-8{gap:2rem}.md\:gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.md\:border-b{border-bottom-width:1px}.md\:border-navy-100{--tw-border-opacity: 1;border-color:rgb(217 226 240 / var(--tw-border-opacity, 1))}.md\:p-12{padding:3rem}.md\:p-6{padding:1.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-28{padding-top:7rem;padding-bottom:7rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-16{padding-bottom:4rem}.md\:pb-24{padding-bottom:6rem}.md\:pt-12{padding-top:3rem}.md\:pt-40{padding-top:10rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-\[12rem\]{font-size:12rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-\[3\.5rem\]{font-size:3.5rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.mobile-menu[data-astro-cid-3ef6ksr2]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.mobile-menu[data-astro-cid-3ef6ksr2].is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.whatsapp-fab[data-astro-cid-iehx2mtc]{transition:transform .2s ease,box-shadow .2s ease}.whatsapp-fab[data-astro-cid-iehx2mtc]:hover{transform:scale(1.08);box-shadow:0 8px 30px #25d36680}.whatsapp-fab[data-astro-cid-iehx2mtc]:active{transform:scale(.96)}.whatsapp-fab__ping[data-astro-cid-iehx2mtc]{position:absolute;inset:0;border-radius:9999px;background:#25d366;z-index:-1;animation:wa-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}70%,to{transform:scale(1.8);opacity:0}}@media(prefers-reduced-motion:reduce){.whatsapp-fab__ping[data-astro-cid-iehx2mtc]{animation:none}}
.product-card[data-astro-cid-tjdfhdqb]{isolation:isolate}@media(hover:none){.product-card[data-astro-cid-tjdfhdqb]:hover{transform:none}}
.trustbar[data-astro-cid-zdc2jl42]{background:#e8ecf4;border-top:3px solid var(--gold-500)}.trust-heading[data-astro-cid-zdc2jl42]{color:#050b14;font-weight:800;font-size:clamp(1.125rem,2.5vw,1.5rem);letter-spacing:-.01em}.cert-item[data-astro-cid-zdc2jl42]{display:inline-flex;align-items:center;gap:.625rem;color:#050b14;font-weight:700;font-size:1.1rem;letter-spacing:.02em}.cert-badge[data-astro-cid-zdc2jl42]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--gold-600)}.cert-badge[data-astro-cid-zdc2jl42] svg[data-astro-cid-zdc2jl42]{width:100%;height:100%}.cert-label[data-astro-cid-zdc2jl42]{white-space:nowrap}
.cta-bg[data-astro-cid-kzge7gel]{background:#0a1525;border-radius:1.5rem;border:1px solid rgba(201,169,97,.25);box-shadow:0 20px 60px -20px #050b1499}
.factory-video-section[data-astro-cid-gexfwgs3]{position:relative;overflow:hidden}@keyframes ping-slow{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.1}to{transform:scale(1);opacity:.4}}.animate-ping-slow[data-astro-cid-gexfwgs3]{animation:ping-slow 2.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.animate-ping-slow[data-astro-cid-gexfwgs3]{animation:none}}.video-wrapper[data-astro-cid-gexfwgs3] iframe[data-astro-cid-gexfwgs3]{position:absolute;inset:0;width:100%;height:100%;border:0}
.hero-title-gradient[data-astro-cid-2elvrbf3]{letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#f5ecd9 35%,#d4b576 65%,#c9a961);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 20px rgba(201,169,97,.15));animation:hero-shimmer 8s ease-in-out infinite}@keyframes hero-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.hero-title-gradient[data-astro-cid-2elvrbf3]{animation:none}}
@media(max-width:375px){.hero-title-gradient{font-size:1.75rem;line-height:1.15}.section-padding{padding-top:3.5rem;padding-bottom:3.5rem}.quick-chip{padding:.375rem .75rem;font-size:.75rem}}</style><script type="module" src="/_astro/page.DGRhADao.js"></script></head> <body>  <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.yakeenlighting.com/#organization","name":"Yakeen Lighting","legalName":"Taiyuan Yakeen Trading Co., Ltd.","alternateName":"Yakeen Lighting","url":"https://www.yakeenlighting.com","email":"alan@yakeenlighting.com","telephone":"+86-181-0343-4722","taxID":"91140105MAKGNY4D8A","founder":{"@type":"Person","name":"Ma Yue (Alan)"},"address":{"@type":"PostalAddress","streetAddress":"Room 194, 3rd Fl., Bldg 1, North Zone, Intl Business Port, Beiying St., Xiaodian Dist.","addressLocality":"Taiyuan","addressRegion":"Shanxi","postalCode":"030000","addressCountry":"CN"},"areaServed":[{"@type":"Country","name":"SA"},{"@type":"Country","name":"AE"},{"@type":"Country","name":"QA"},{"@type":"Country","name":"KW"},{"@type":"Country","name":"BH"},{"@type":"Country","name":"OM"},{"@type":"Place","name":"Worldwide"}],"knowsAbout":["Commercial LED Lighting","Industrial LED Lighting","Outdoor LED Lighting","Architectural Lighting"],"hasCredential":["SASO","G-Mark","CE","RoHS","ISO 9001:2015"],"logo":{"@type":"ImageObject","url":"https://www.yakeenlighting.com/assets/images/brand/logo.png"},"image":"https://www.yakeenlighting.com/assets/images/hero/hero-bg-v3.jpg","dateModified":"2026-08-02","contactPoint":[{"@type":"ContactPoint","contactType":"sales","email":"alan@yakeenlighting.com","telephone":"+86-181-0343-4722","areaServed":["SA","AE","QA","KW","BH","OM","Global"],"availableLanguage":["English","Arabic","Chinese"]}],"sameAs":["https://www.linkedin.com/in/yakeenlighting/","https://www.facebook.com/profile.php?id=61591335165644","https://www.instagram.com/yakeen_commercial_lights","https://www.youtube.com/@yakeenlighting","https://yakeenlighting.en.alibaba.com"],"brand":{"@type":"Brand","name":"Yakeen Lighting","logo":{"@type":"ImageObject","url":"https://www.yakeenlighting.com/assets/images/brand/logo.png"}},"knowsLanguage":[{"@type":"Language","name":"English"},{"@type":"Language","name":"Arabic"},{"@type":"Language","name":"Chinese"}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Commercial LED Lighting Products","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Downlights","category":"Indoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Panel Lights","category":"Indoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Track Lights","category":"Indoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED High Bay Lights","category":"Industrial Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Flood Lights","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Street Lights","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Linear Lights","category":"Commercial Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Garden Lights","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"Solar Street Lights","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Wall Washers","category":"Architectural Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Underground Lights","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Stadium Lights","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Wall Lamps","category":"Outdoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Canopy Lights","category":"Commercial Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"Magnetic Track Lighting","category":"Indoor Lighting"}},{"@type":"Offer","itemOffered":{"@type":"Product","name":"LED Solar Garden Lights","category":"Outdoor Lighting"}}]},"makesOffer":{"@type":"Offer","description":"B2B commercial LED lighting supply with OEM/ODM customization, SASO/G-Mark/CE/RoHS certification, and export to Middle East and worldwide markets.","businessFunction":"http://purl.org/goodrelations/v1#Sell","availability":"https://schema.org/InStock"},"naics":"335121","sic":"3646","industry":"Commercial LED Lighting Manufacturing & Export","identifier":[{"@type":"PropertyValue","name":"Unified Social Credit Code (China)","value":"91140105MAKGNY4D8A"},{"@type":"PropertyValue","name":"Customs Registration (China)","value":"Jinyang Customs (晋阳海关)"}],"slogan":"Your Trusted Middle East Commercial Lighting Partner","description":"Your Trusted Middle East Commercial Lighting Partner Based in Taiyuan, China with partner factories across Guangdong and Zhejiang."}</script>  <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-[100] focus:rounded focus:bg-navy-900 focus:px-4 focus:py-2 focus:text-white"> Skip to main content </a>  <div class="scroll-progress" id="scroll-progress"></div> <header id="site-header" class="site-header fixed top-0 inset-x-0 z-50" data-astro-cid-3ef6ksr2> <div class="container-yakeen" data-astro-cid-3ef6ksr2> <div class="flex items-center justify-between" style="height: var(--header-height);" data-astro-cid-3ef6ksr2> <!-- Logo --> <a href="/" class="flex items-center gap-2.5 shrink-0" aria-label="Yakeen Lighting — Home" data-astro-cid-3ef6ksr2> <span class="inline-flex items-center justify-center w-9 h-9 rounded-lg shadow-lg" style="background: linear-gradient(135deg, var(--gold-500), var(--gold-600));" data-astro-cid-3ef6ksr2> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--navy-900)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <path d="M9 18h6" data-astro-cid-3ef6ksr2></path><path d="M10 22h4" data-astro-cid-3ef6ksr2></path> <path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14" data-astro-cid-3ef6ksr2></path> </svg> </span> <span class="font-serif text-2xl font-bold leading-none tracking-tight" data-astro-cid-3ef6ksr2> <span class="text-white" data-astro-cid-3ef6ksr2>Yakeen</span><span class="text-gradient-gold" data-astro-cid-3ef6ksr2> Lighting</span> </span> </a> <!-- Desktop navigation --> <nav class="hidden lg:flex items-center gap-0.5" aria-label="Primary navigation" data-astro-cid-3ef6ksr2> <a href="/" class="nav-link px-3 py-2 text-sm font-medium rounded-md transition-colors duration-200 active text-gold-500" aria-current="page" data-astro-cid-3ef6ksr2> Home </a><a href="/products" class="nav-link px-3 py-2 text-sm font-medium rounded-md transition-colors duration-200 text-white/90 hover:text-white" data-astro-cid-3ef6ksr2> Products </a><a href="/projects-cases" class="nav-link px-3 py-2 text-sm font-medium rounded-md transition-colors duration-200 text-white/90 hover:text-white" data-astro-cid-3ef6ksr2> Projects </a> <!-- Dropdowns: Markets, About, Resources — ponytail: data-driven, one pattern --> <div class="relative group" id="dd-markets-wrap" data-astro-cid-3ef6ksr2> <button type="button" class="dd-btn nav-link px-3 py-2 text-sm font-medium rounded-md transition-colors duration-200 text-white/90 hover:text-white inline-flex items-center gap-1 " aria-haspopup="true" aria-expanded="false" data-dd-id="markets" data-astro-cid-3ef6ksr2> Markets <svg class="w-3.5 h-3.5 transition-transform duration-200 dd-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline> </svg> </button> <div class="dd-menu absolute left-1/2 -translate-x-1/2 top-full pt-2 w-52 opacity-0 invisible
                     group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100
                     group-focus-within:visible transition-all duration-200" data-dd-id="markets" data-astro-cid-3ef6ksr2> <div class="rounded-xl overflow-hidden border border-white/10 shadow-2xl" style="background: rgba(10,21,37,0.96); backdrop-filter: blur(12px);" data-astro-cid-3ef6ksr2> <a href="/markets/saudi-arabia" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> Saudi Market </a><a href="/markets/uae" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> UAE Market </a><a href="/markets/middle-east" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> Middle East </a> </div> </div> </div><div class="relative group" id="dd-about-wrap" data-astro-cid-3ef6ksr2> <button type="button" class="dd-btn nav-link px-3 py-2 text-sm font-medium rounded-md transition-colors duration-200 text-white/90 hover:text-white inline-flex items-center gap-1 " aria-haspopup="true" aria-expanded="false" data-dd-id="about" data-astro-cid-3ef6ksr2> About <svg class="w-3.5 h-3.5 transition-transform duration-200 dd-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline> </svg> </button> <div class="dd-menu absolute left-1/2 -translate-x-1/2 top-full pt-2 w-52 opacity-0 invisible
                     group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100
                     group-focus-within:visible transition-all duration-200" data-dd-id="about" data-astro-cid-3ef6ksr2> <div class="rounded-xl overflow-hidden border border-white/10 shadow-2xl" style="background: rgba(10,21,37,0.96); backdrop-filter: blur(12px);" data-astro-cid-3ef6ksr2> <a href="/about" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> About </a><a href="/certifications" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> Certifications </a> </div> </div> </div><div class="relative group" id="dd-resources-wrap" data-astro-cid-3ef6ksr2> <button type="button" class="dd-btn nav-link px-3 py-2 text-sm font-medium rounded-md transition-colors duration-200 text-white/90 hover:text-white inline-flex items-center gap-1 " aria-haspopup="true" aria-expanded="false" data-dd-id="resources" data-astro-cid-3ef6ksr2> Resources <svg class="w-3.5 h-3.5 transition-transform duration-200 dd-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <polyline points="6 9 12 15 18 9" data-astro-cid-3ef6ksr2></polyline> </svg> </button> <div class="dd-menu absolute left-1/2 -translate-x-1/2 top-full pt-2 w-52 opacity-0 invisible
                     group-hover:opacity-100 group-hover:visible group-focus-within:opacity-100
                     group-focus-within:visible transition-all duration-200" data-dd-id="resources" data-astro-cid-3ef6ksr2> <div class="rounded-xl overflow-hidden border border-white/10 shadow-2xl" style="background: rgba(10,21,37,0.96); backdrop-filter: blur(12px);" data-astro-cid-3ef6ksr2> <a href="/blog" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> Blog </a><a href="/faq" class="block px-4 py-3 text-sm text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors duration-150 border-b border-white/5 last:border-0" data-astro-cid-3ef6ksr2> FAQ </a> </div> </div> </div> </nav> <!-- Right-side actions --> <div class="hidden lg:flex items-center gap-4" data-astro-cid-3ef6ksr2> <div class="flex items-center gap-2 text-sm" role="group" aria-label="Language switcher" data-astro-cid-3ef6ksr2> <a href="/" class="font-semibold transition-colors text-gold-500" aria-current="true" data-astro-cid-3ef6ksr2> EN </a> <span class="text-white/30" aria-hidden="true" data-astro-cid-3ef6ksr2>|</span> <a href="/ar" class="font-semibold transition-colors text-white/70 hover:text-white" dir="rtl" data-astro-cid-3ef6ksr2> العربية </a> </div> <a href="/contact" class="btn-gold animate-pulse-gold" data-astro-cid-3ef6ksr2>Get Quote</a> </div> <!-- Mobile language switcher (always visible, not hidden in menu) --> <div class="lg:hidden flex items-center gap-1.5 text-sm" data-astro-cid-3ef6ksr2> <a href="/" class="px-2.5 py-2 rounded-md font-semibold transition-colors text-gold-500" aria-current="true" data-astro-cid-3ef6ksr2> EN </a> <span class="text-white/20" aria-hidden="true" data-astro-cid-3ef6ksr2>|</span> <a href="/ar" class="px-2.5 py-2 rounded-md font-semibold transition-colors text-white/60 hover:text-white" dir="rtl" data-astro-cid-3ef6ksr2> العربية </a> </div> <!-- Mobile hamburger --> <button id="menu-toggle" type="button" class="lg:hidden inline-flex items-center justify-center w-10 h-10 rounded-md text-white hover:bg-white/10 transition-colors" aria-label="Open menu" aria-controls="mobile-menu" aria-expanded="false" data-label-open="Open menu" data-label-close="Close menu" data-astro-cid-3ef6ksr2> <svg class="menu-icon-open w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <line x1="3" y1="6" x2="21" y2="6" data-astro-cid-3ef6ksr2></line><line x1="3" y1="12" x2="21" y2="12" data-astro-cid-3ef6ksr2></line><line x1="3" y1="18" x2="21" y2="18" data-astro-cid-3ef6ksr2></line> </svg> <svg class="menu-icon-close hidden w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-astro-cid-3ef6ksr2> <line x1="18" y1="6" x2="6" y2="18" data-astro-cid-3ef6ksr2></line><line x1="6" y1="6" x2="18" y2="18" data-astro-cid-3ef6ksr2></line> </svg> </button> </div> </div> <!-- Mobile menu panel --> <div id="mobile-menu" class="mobile-menu lg:hidden fixed inset-x-0 top-[var(--header-height)] z-40" style="background: rgba(5,11,20,0.97); backdrop-filter: blur(16px);" data-astro-cid-3ef6ksr2> <div class="container-yakeen py-6 overflow-y-auto" style="max-height: calc(100vh - var(--header-height));" data-astro-cid-3ef6ksr2> <nav class="flex flex-col gap-1" aria-label="Mobile primary navigation" data-astro-cid-3ef6ksr2> <a href="/" class="mobile-link px-4 py-3 rounded-lg text-base font-medium transition-colors text-gold-500 bg-white/5" data-astro-cid-3ef6ksr2> Home </a><a href="/products" class="mobile-link px-4 py-3 rounded-lg text-base font-medium transition-colors text-white/90 hover:text-white hover:bg-white/5" data-astro-cid-3ef6ksr2> Products </a><a href="/projects-cases" class="mobile-link px-4 py-3 rounded-lg text-base font-medium transition-colors text-white/90 hover:text-white hover:bg-white/5" data-astro-cid-3ef6ksr2> Projects </a>   <div class="px-4 pt-4 pb-1 text-xs font-semibold uppercase tracking-wider text-gold-500/80" data-astro-cid-3ef6ksr2> Markets </div> <a href="/markets/saudi-arabia" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> Saudi Market </a><a href="/markets/uae" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> UAE Market </a><a href="/markets/middle-east" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> Middle East </a> <div class="px-4 pt-4 pb-1 text-xs font-semibold uppercase tracking-wider text-gold-500/80" data-astro-cid-3ef6ksr2> About </div> <a href="/about" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> About </a><a href="/certifications" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> Certifications </a> <div class="px-4 pt-4 pb-1 text-xs font-semibold uppercase tracking-wider text-gold-500/80" data-astro-cid-3ef6ksr2> Resources </div> <a href="/blog" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> Blog </a><a href="/faq" class="mobile-link px-4 py-3 rounded-lg text-base text-white/80 hover:text-gold-400 hover:bg-white/5 transition-colors" data-astro-cid-3ef6ksr2> FAQ </a> </nav> <div class="mt-6 pt-6 border-t border-white/10 flex flex-col gap-4" data-astro-cid-3ef6ksr2> <div class="flex items-center gap-3 text-sm" role="group" aria-label="Language switcher" data-astro-cid-3ef6ksr2> <span class="text-white/50 text-xs uppercase tracking-wider" data-astro-cid-3ef6ksr2>Language</span> <a href="/" class="px-3 py-1.5 rounded-md font-semibold transition-colors bg-gold-500 text-navy-900" data-astro-cid-3ef6ksr2> EN </a> <a href="/ar" class="px-3 py-1.5 rounded-md font-semibold transition-colors text-white/80 border border-white/20" dir="rtl" data-astro-cid-3ef6ksr2> العربية </a> </div> <a href="/contact" class="btn-gold animate-pulse-gold w-full" data-astro-cid-3ef6ksr2>Get Quote</a> </div> </div> </div> </header> <script>
  // Scroll state — toggle solid background after a small offset
  const header = document.getElementById('site-header');
  const onScroll = () => {
    if (window.scrollY > 24) {
      header?.classList.add('scrolled');
    } else {
      header?.classList.remove('scrolled');
    }
  };
  onScroll();
  window.addEventListener('scroll', onScroll, { passive: true });

  // Mobile menu toggle
  const toggle = document.getElementById('menu-toggle');
  const menu = document.getElementById('mobile-menu');
  const iconOpen = toggle?.querySelector('.menu-icon-open');
  const iconClose = toggle?.querySelector('.menu-icon-close');
  const labelOpen = toggle?.dataset.labelOpen || 'Open menu';
  const labelClose = toggle?.dataset.labelClose || 'Close menu';

  const setMenu = (open) => {
    if (!menu || !toggle) return;
    menu.classList.toggle('is-open', open);
    toggle.setAttribute('aria-expanded', String(open));
    toggle.setAttribute('aria-label', open ? labelClose : labelOpen);
    iconOpen?.classList.toggle('hidden', open);
    iconClose?.classList.toggle('hidden', !open);
    document.body.style.overflow = open ? 'hidden' : '';
  };

  toggle?.addEventListener('click', () => {
    setMenu(!menu?.classList.contains('is-open'));
  });

  // Close after navigating via a link
  menu?.querySelectorAll('a').forEach((el) => {
    el.addEventListener('click', () => setMenu(false));
  });

  // Close on Escape
  document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape') setMenu(false);
  });

  // Close when resizing back to desktop
  window.addEventListener('resize', () => {
    if (window.innerWidth >= 1024) setMenu(false);
  });

  // ponytail: generic dropdown handler — one function for all 3 dropdowns
  var openDd = null;
  document.querySelectorAll('.dd-btn').forEach(function(btn) {
    var ddId = btn.getAttribute('data-dd-id');
    var ddMenu = document.querySelector('.dd-menu[data-dd-id="' + ddId + '"]');
    var arrow = btn.querySelector('.dd-arrow');
    if (!ddMenu) return;

    btn.addEventListener('click', function(e) {
      e.stopPropagation();
      var isOpen = (openDd === ddId);
      // close whatever is open
      if (openDd) {
        var prevMenu = document.querySelector('.dd-menu[data-dd-id="' + openDd + '"]');
        var prevBtn = document.querySelector('.dd-btn[data-dd-id="' + openDd + '"]');
        var prevArrow = prevBtn?.querySelector('.dd-arrow');
        prevMenu?.classList.add('opacity-0', 'invisible');
        prevMenu?.classList.remove('opacity-100', 'visible');
        prevBtn?.setAttribute('aria-expanded', 'false');
        prevArrow?.classList.remove('rotate-180');
      }
      if (!isOpen) {
        ddMenu.classList.remove('opacity-0', 'invisible');
        ddMenu.classList.add('opacity-100', 'visible');
        btn.setAttribute('aria-expanded', 'true');
        arrow?.classList.add('rotate-180');
        openDd = ddId;
      } else {
        openDd = null;
      }
    });
  });

  // Close dropdown on outside click
  document.addEventListener('click', function(e) {
    if (openDd && !e.target.closest('[data-dd-id]')) {
      var prevMenu = document.querySelector('.dd-menu[data-dd-id="' + openDd + '"]');
      var prevBtn = document.querySelector('.dd-btn[data-dd-id="' + openDd + '"]');
      var prevArrow = prevBtn?.querySelector('.dd-arrow');
      prevMenu?.classList.add('opacity-0', 'invisible');
      prevMenu?.classList.remove('opacity-100', 'visible');
      prevBtn?.setAttribute('aria-expanded', 'false');
      prevArrow?.classList.remove('rotate-180');
      openDd = null;
    }
  });

  // Close dropdown on Escape
  document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape' && openDd) {
      var prevMenu = document.querySelector('.dd-menu[data-dd-id="' + openDd + '"]');
      var prevBtn = document.querySelector('.dd-btn[data-dd-id="' + openDd + '"]');
      var prevArrow = prevBtn?.querySelector('.dd-arrow');
      prevMenu?.classList.add('opacity-0', 'invisible');
      prevMenu?.classList.remove('opacity-100', 'visible');
      prevBtn?.setAttribute('aria-expanded', 'false');
      prevArrow?.classList.remove('rotate-180');
      openDd = null;
    }
  });
</script>  <main id="main-content"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.yakeenlighting.com/#website","url":"https://www.yakeenlighting.com","name":"Yakeen Lighting","description":"Your Trusted Middle East Commercial Lighting Partner","publisher":{"@id":"https://www.yakeenlighting.com/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.yakeenlighting.com/products?search={search_term_string}"},"query-input":"required name=search_term_string"},"inLanguage":"en"}</script> <!-- ===== Hero Section — redesigned with design flair ===== --><section class="relative overflow-hidden section-padding" style="background: linear-gradient(180deg, rgba(5,11,20,0.45) 0%, rgba(5,11,20,0.20) 35%, rgba(5,11,20,0.55) 100%), url('/assets/images/hero/hero-main.webp') center/cover no-repeat;" data-astro-cid-2elvrbf3> <!-- ponytail: decorative gradient orbs for depth — big company feel --> <div class="absolute top-1/4 left-1/4 w-96 h-96 rounded-full opacity-10 blur-3xl pointer-events-none" style="background: radial-gradient(circle, #c9a961 0%, transparent 70%);" data-astro-cid-2elvrbf3></div> <div class="absolute bottom-1/4 right-1/4 w-80 h-80 rounded-full opacity-[0.07] blur-3xl pointer-events-none" style="background: radial-gradient(circle, #3a5685 0%, transparent 70%);" data-astro-cid-2elvrbf3></div> <div class="container-yakeen relative z-10" data-astro-cid-2elvrbf3> <div class="mx-auto max-w-3xl text-center" data-astro-cid-2elvrbf3> <!-- Badge — glassmorphism with gold accent lines --> <div class="reveal flex items-center justify-center gap-3 mb-8" data-astro-cid-2elvrbf3> <span class="h-px w-8 md:w-12 bg-gradient-to-r from-transparent to-gold-500/50" data-astro-cid-2elvrbf3></span> <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full" style="background: rgba(255,255,255,0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(201,169,97,0.25);" data-astro-cid-2elvrbf3> <span class="w-1.5 h-1.5 rounded-full bg-gold-500 animate-pulse" data-astro-cid-2elvrbf3></span> <span class="text-white/90 text-xs font-semibold tracking-widest uppercase" data-astro-cid-2elvrbf3>SASO &amp; G-Mark Certified · Factory Video Audit Available</span> </div> <span class="h-px w-8 md:w-12 bg-gradient-to-l from-transparent to-gold-500/50" data-astro-cid-2elvrbf3></span> </div> <!-- Heading — gradient text with glow, tight tracking --> <h1 class="reveal hero-title-gradient text-4xl md:text-5xl lg:text-[3.5rem] font-bold leading-[1.12] mb-5 tracking-tight px-2" data-astro-cid-2elvrbf3> Your Trusted Middle East Commercial Lighting Partner </h1> <!-- Diamond separator — small design detail --> <div class="reveal flex items-center justify-center gap-2.5 mb-6" data-astro-cid-2elvrbf3> <span class="h-px w-10 bg-gold-500/25" data-astro-cid-2elvrbf3></span> <span class="w-1.5 h-1.5 rotate-45 bg-gold-500/40" data-astro-cid-2elvrbf3></span> <span class="h-px w-10 bg-gold-500/25" data-astro-cid-2elvrbf3></span> </div> <!-- Subtitle --> <p class="reveal text-lg md:text-xl text-white/75 mb-10 max-w-2xl mx-auto leading-relaxed" data-astro-cid-2elvrbf3> SASO-certified LED lighting with OEM/ODM customization. From downlights to solar street lights — manufactured to GCC standards, delivered with full compliance documentation. </p> <!-- AI Search — focal point --> <div class="reveal mb-8" data-astro-cid-2elvrbf3> <div class="ai-search-bar mx-auto w-full max-w-3xl relative"> <form id="ai-search-form" class="flex items-center gap-1 md:gap-2 rounded-full border-2 border-gold-500 bg-white p-1.5 md:p-2 shadow-lg shadow-navy-900/10 transition-shadow focus-within:shadow-xl focus-within:shadow-gold-500/20" role="search" aria-label="AI lighting search">  <span class="flex h-8 w-8 md:h-10 md:w-10 shrink-0 items-center justify-center pl-1 text-navy-500"> <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path> </svg> </span>  <input id="ai-search-input" type="search" name="search" placeholder="Describe your lighting project… e.g. &#34;downlight for hotel lobby UGR<16&#34;" autocomplete="off" aria-label="Search for lighting products" class="min-w-0 flex-1 bg-transparent text-sm text-navy-900 placeholder:text-navy-400 focus:outline-none md:text-base">  <button type="submit" class="btn-gold shrink-0"> <svg class="mr-1.5 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"></path> </svg> AI Search </button> </form>  <div id="ai-search-suggestions" class="hidden absolute left-0 right-0 top-full mt-2 rounded-2xl border border-white/10 shadow-2xl overflow-hidden z-50" style="background: rgba(10,21,37,0.97); backdrop-filter: blur(12px);"> <div id="suggestion-list" class="max-h-80 overflow-y-auto"></div> <div class="px-4 py-3 border-t border-white/10 text-center"> <a href="/products" class="text-sm text-gold-400 hover:text-gold-300 font-medium"> AI Search →
</a> </div> </div>  <div class="mt-4 flex flex-wrap items-center justify-center gap-2"> <span class="text-sm font-medium uppercase tracking-wide text-white/95"> Quick search: </span> <button type="button" data-quick-search="Downlight UGR<19" class="quick-chip rounded-full border border-gold-500/60 bg-white/10 px-4 py-1.5 text-sm font-medium text-white/95 backdrop-blur-sm transition-colors hover:border-gold-500 hover:bg-gold-500 hover:text-navy-900"> Downlight UGR&lt;19 </button><button type="button" data-quick-search="Panel 600x600" class="quick-chip rounded-full border border-gold-500/60 bg-white/10 px-4 py-1.5 text-sm font-medium text-white/95 backdrop-blur-sm transition-colors hover:border-gold-500 hover:bg-gold-500 hover:text-navy-900"> Panel 600x600 </button><button type="button" data-quick-search="IP65 Flood" class="quick-chip rounded-full border border-gold-500/60 bg-white/10 px-4 py-1.5 text-sm font-medium text-white/95 backdrop-blur-sm transition-colors hover:border-gold-500 hover:bg-gold-500 hover:text-navy-900"> IP65 Flood </button><button type="button" data-quick-search="Solar Street" class="quick-chip rounded-full border border-gold-500/60 bg-white/10 px-4 py-1.5 text-sm font-medium text-white/95 backdrop-blur-sm transition-colors hover:border-gold-500 hover:bg-gold-500 hover:text-navy-900"> Solar Street </button> </div> </div> <!-- ponytail: product data for client-side live search --> <script id="search-data" type="application/json">[{"slug":"df-downlight","name":"Narrow Beam Anti-Glare LED Downlight","shortName":"Narrow Beam Downlight","category":"indoor","tagline":"Precision 'single beam' optical design with UGR<16","description":"Yakeen narrow beam LED downlight with precision optical lens design, available in 8W-40W with cutout sizes from 55mm to 120mm. Features anti-glare UGR<16 performance, multiple beam angles (15°/24°/36°","wattage":"8W-40W","ipRating":"IP44","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"cold-forged-spotlight","name":"Cold Forged LED Spotlight","shortName":"Cold Forged Spotlight","category":"indoor","tagline":"Superior thermal management with cold-forged aluminum housing","description":"Yakeen cold forged LED spotlight, 8-30W with cutout sizes from 55mm to 95mm. Features cold-forged aluminum construction for superior heat dissipation, extending LED lifespan. Beam angles 15°/24°/36° w","wattage":"8W-30W","ipRating":"IP44","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"flood-light","name":"LED Flood Light","shortName":"Flood Light","category":"outdoor","tagline":"50-500W modular with IP66 and IK08","description":"Yakeen LED flood light, 50-500W modular, IP66, IK08, tempered glass and stainless steel bracket, SASO & G-Mark certified.","wattage":"50W-500W","ipRating":"IP66","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"large-downlight","name":"Large Format Commercial LED Downlight","shortName":"Large Downlight","category":"indoor","tagline":"High-power 8-45W downlight for large commercial spaces","description":"Yakeen large format LED downlight series, 8-45W with cutout sizes from 75mm to 200mm. Designed for high-ceiling commercial spaces including shopping malls, hotel lobbies, and exhibition halls. Feature","wattage":"8W-45W","ipRating":"IP44","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"magnetic-track-fixture","name":"Magnetic Track Light Modules","shortName":"Track Modules","category":"track","tagline":"Interchangeable spotlight and flood modules for 48V systems","description":"Yakeen magnetic track light modules — spotlight, flood, and linear modules compatible with all Yakeen 48V magnetic track systems. DALI/0-10V dimming ready. Simply snap in and out for instant reconfigu","wattage":"6W-30W (per module)","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"grid-spotlight","name":"Mini Recessed LED Spotlight","shortName":"Mini Spotlight","category":"indoor","tagline":"Ultra-compact 1-9W spotlight for accent and display lighting","description":"Yakeen mini recessed LED spotlight series, 1-9W with cutout sizes from 18mm to 65mm. Features precision beam control with 5°/8°/10°/15°/24°/36°/50° options. Ideal for display cabinets, jewelry counter","wattage":"1W-9W","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"linear-pendant","name":"Architectural Linear Pendant Light","shortName":"Linear Pendant","category":"panel-linear","tagline":"Modular suspended linear lighting with customizable lengths","description":"Yakeen architectural linear pendant light — modular design with maximum 3.6-4m per section, customizable total length. Features pendant suspension with steel wires, aluminum housing, and integrated LE","wattage":"20W-60W per meter","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"magnetic-track","name":"48V Magnetic Track Light System","shortName":"Magnetic Track","category":"track","tagline":"Modular 48V system with DALI/0-10V control","description":"Yakeen 48V magnetic track light system — modular, tool-free installation with DALI and 0-10V dimming. Available in surface-mounted, recessed, and concealed track profiles. Compatible with spotlight, f","wattage":"6W-30W (per module)","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"optical-line-zgl062","name":"Optical Line Light — Wide Profile","shortName":"Optical Line Light","category":"panel-linear","tagline":"DIY modular optical line light with interchangeable lens/reflector system","description":"Yakeen optical line light with wide 70mm profile — modular DIY system with interchangeable optical components (lens, reflector, honeycomb, grille). Max 4m per section with 286mm segments. Pendant, rec","wattage":"20W-50W per meter","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"optical-line-zgl070","name":"Optical Line Light — Slim Profile","shortName":"Slim Optical Line","category":"panel-linear","tagline":"Slim 52mm profile with up/down lighting capability","description":"Yakeen slim optical line light with 52mm profile — features up/down lighting options, interchangeable optical suite (reflector/lens), and 132mm modular segments. Max 4m per section. Pendant, recessed,","wattage":"15W-40W per meter","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"panel-light","name":"Ultra-Thin LED Panel Light","shortName":"Panel Light","category":"panel-linear","tagline":"10mm slim edge-lit design with 110-130 lm/W","description":"Yakeen ultra-thin LED panel light, 10mm slim, edge-lit, 30-60W, 110-130 lm/W, SASO & G-Mark certified for offices and commercial spaces.","wattage":"30W-60W","ipRating":"IP40","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"solar-street","name":"All-in-One Solar Street Light","shortName":"Solar Street Light","category":"outdoor","tagline":"60-300W with LiFePO4 battery and IP68","description":"Yakeen all-in-one solar street light, 60-300W, LiFePO4 battery, IP68, SASO & G-Mark certified for street and area lighting.","wattage":"60W-300W","ipRating":"IP68","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"spotlight","name":"Commercial LED Track Spotlight","shortName":"Track Spotlight","category":"track","tagline":"350° rotation with COB LED precision","description":"Yakeen commercial LED track spotlight with 350° rotation, COB LED, 10-35W, CRI>90, SASO & G-Mark certified for retail and gallery lighting.","wattage":"10W-35W","ipRating":"IP20","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"ufo-highbay","name":"UFO High Bay Light","shortName":"UFO High Bay","category":"industrial","tagline":"100-240W with 140-160 lm/W and IP65","description":"Yakeen UFO high bay light, 100-240W, 140-160 lm/W, IP65, 50°C rated, SASO & G-Mark certified for industrial lighting.","wattage":"100W-240W","ipRating":"IP65","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"wall-light","name":"Commercial LED Wall Light","shortName":"Wall Light","category":"outdoor","tagline":"Weather-resistant wall lighting for facades and pathways","description":"Yakeen commercial LED wall light — weather-resistant design for building facades, pathways, and outdoor areas. Features premium aluminum housing with IP65 rating for Middle East climate. SASO & G-Mark","wattage":"10W-30W","ipRating":"IP65","certifications":"SASO, G-Mark, CE, RoHS"},{"slug":"wall-washer","name":"Architectural LED Wall Washer","shortName":"Wall Washer","category":"outdoor","tagline":"Uniform wall washing with DALI/0-10V and multiple mounting options","description":"Yakeen architectural LED wall washer — uniform wall washing effect with track, recessed, or surface-mounted installation. Features DALI/0-10V dimming and premium aluminum housing. SASO & G-Mark certif","wattage":"18W-36W per meter","ipRating":"IP66","certifications":"SASO, G-Mark, CE, RoHS"}]</script> <script>
  (function () {
    var form = document.getElementById('ai-search-form');
    var input = document.getElementById('ai-search-input');
    var chips = document.querySelectorAll('[data-quick-search]');
    var suggestionsEl = document.getElementById('ai-search-suggestions');
    var listEl = document.getElementById('suggestion-list');
    var dataScript = document.getElementById('search-data');
    if (!form || !input) return;

    // ponytail: parse embedded product data
    var products = [];
    try { products = JSON.parse(dataScript?.textContent || '[]'); } catch {}

    var _p = window.location.pathname.startsWith('/ar') ? '/ar' : '';

    function handleHeroSearch(query) {
      var trimmed = (query || '').trim();
      if (!trimmed) return;
      window.location.href = _p + '/products?search=' + encodeURIComponent(trimmed);
    }

    function quickSearch(term) {
      input.value = term;
      handleHeroSearch(term);
    }

    // ponytail: live search — filter products by name/category/tagline, show top 5
    function showSuggestions(query) {
      if (!suggestionsEl || !listEl) return;
      var q = query.trim().toLowerCase();
      if (!q || q.length < 2) {
        suggestionsEl.classList.add('hidden');
        return;
      }

      // ponytail: synonym map — expand user queries to match product fields
      var synonyms = {
        'outdoor': ['outdoor', 'flood', 'street', 'wall washer', 'ip65', 'ip66', 'ip68', 'solar'],
        'indoor': ['indoor', 'downlight', 'spotlight', 'panel', 'indoor'],
        'warehouse': ['high bay', 'industrial', 'warehouse', 'ufo', 'highbay'],
        'hotel': ['downlight', 'spotlight', 'track', 'warm', '3000k', 'cri90', 'cri>90'],
        'office': ['panel', 'ugr', 'office', 'linear', '5000k'],
        'mall': ['downlight', 'spotlight', 'track', 'mall', 'retail'],
        'shop': ['track', 'spotlight', 'retail', 'shop', 'store'],
        'downlight': ['downlight', 'recessed', 'grid', 'ceiling'],
        'spotlight': ['spotlight', 'track', 'spot', 'accent'],
        'panel': ['panel', 'ceiling', 'flat', 'backlit'],
        'flood': ['flood', 'floodlight', 'outdoor', 'ip65', 'ip66'],
        'street': ['street', 'road', 'solar', 'ip68'],
        'track': ['track', 'rail', 'spotlight'],
        'linear': ['linear', 'pendant', 'suspended', 'line'],
        'highbay': ['high bay', 'highbay', 'ufo', 'industrial', 'warehouse'],
        'solar': ['solar', 'street', 'battery', 'lifepo4'],
        // Arabic synonyms — ponytail: enables Arabic live search on homepage
        'فندق': ['hotel', 'downlight', 'spotlight', 'track'],
        'فنادق': ['hotel', 'downlight', 'spotlight', 'track'],
        'مكتب': ['office', 'panel', 'ugr', 'linear'],
        'مكاتب': ['office', 'panel', 'ugr', 'linear'],
        'متجر': ['mall', 'retail', 'track', 'spotlight'],
        'تسوق': ['mall', 'retail', 'track', 'spotlight'],
        'مستودع': ['warehouse', 'high bay', 'industrial', 'ufo'],
        'مستودعات': ['warehouse', 'high bay', 'industrial', 'ufo'],
        'صناعي': ['warehouse', 'industrial', 'high bay', 'ufo'],
        'خارجي': ['outdoor', 'flood', 'street', 'solar', 'ip65', 'ip68'],
        'شارع': ['street', 'solar', 'road', 'ip68'],
        'شمسي': ['solar', 'street', 'battery'],
        'كشاف': ['flood', 'floodlight', 'outdoor', 'spotlight'],
        'كشافة': ['spotlight', 'track', 'spot', 'accent'],
        'مدمجة': ['downlight', 'recessed', 'grid', 'ceiling'],
        'بانل': ['panel', 'ceiling', 'flat', 'backlit'],
        'مسار': ['track', 'rail', 'spotlight'],
        'خطية': ['linear', 'pendant', 'suspended', 'line'],
        'سقف': ['downlight', 'panel', 'ceiling', 'recessed'],
      };
      var expanded = q;
      Object.keys(synonyms).forEach(function(key) {
        if (q.indexOf(key) !== -1) {
          expanded = expanded + ' ' + synonyms[key].join(' ');
        }
      });
      var terms = expanded.toLowerCase().split(/\s+/).filter(Boolean);

      var matches = products.filter(function(p) {
        var haystack = (p.name + ' ' + p.shortName + ' ' + p.category + ' ' + p.tagline + ' ' + (p.description||'') + ' ' + (p.wattage||'') + ' ' + (p.ipRating||'') + ' ' + (p.certifications||'')).toLowerCase();
        return terms.some(function(t) { return haystack.indexOf(t) !== -1; });
      }).slice(0, 5);

      if (matches.length === 0) {
        listEl.innerHTML = '<div class="px-4 py-6 text-center text-sm text-white/60">No products found. Try a different keyword.</div>';
      } else {
        listEl.innerHTML = matches.map(function(p) {
          return '<a href="' + _p + '/products/' + p.slug + '" class="block px-4 py-3 hover:bg-white/5 transition-colors border-b border-white/5 last:border-0">' +
            '<div class="flex items-center justify-between gap-3">' +
              '<div>' +
                '<div class="text-sm font-semibold text-white">' + p.name + '</div>' +
                '<div class="text-xs text-gold-400 mt-0.5">' + p.category + ' · ' + p.tagline + '</div>' +
              '</div>' +
              '<svg class="w-4 h-4 text-white/40 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>' +
            '</div>' +
          '</a>';
        }).join('');
      }
      suggestionsEl.classList.remove('hidden');
    }

    // Form submit
    form.addEventListener('submit', function (e) {
      e.preventDefault();
      handleHeroSearch(input.value);
    });

    // Live search on input
    var debounceTimer;
    input.addEventListener('input', function() {
      clearTimeout(debounceTimer);
      debounceTimer = setTimeout(function() {
        showSuggestions(input.value);
      }, 200);
    });

    // Hide suggestions when clicking outside
    document.addEventListener('click', function(e) {
      if (!e.target.closest('.ai-search-bar')) {
        suggestionsEl?.classList.add('hidden');
      }
    });

    // Show suggestions on focus if there's text
    input.addEventListener('focus', function() {
      if (input.value.trim().length >= 2) showSuggestions(input.value);
    });

    // Quick-search chips
    chips.forEach(function (chip) {
      chip.addEventListener('click', function () {
        quickSearch(chip.getAttribute('data-quick-search'));
      });
    });

    // Expose for reuse/testing
    window.handleHeroSearch = handleHeroSearch;
    window.quickSearch = quickSearch;
  })();
</script> </div> <!-- CTA buttons --> <div class="reveal flex flex-wrap justify-center gap-4" data-astro-cid-2elvrbf3> <a href="/contact" class="btn-gold animate-pulse-gold text-base px-8 py-4" data-astro-cid-2elvrbf3> Get Your Quote → </a> <a href="/products" class="btn-outline-gold text-base px-8 py-4" data-astro-cid-2elvrbf3> Browse Products </a> </div> </div> </div> <!-- ponytail: scroll-down indicator — animated chevron at hero bottom --> <a href="#trust-bar" class="scroll-indicator absolute bottom-6 left-1/2 -translate-x-1/2 flex flex-col items-center gap-1 text-white/60 hover:text-gold-400 transition-colors" aria-label="Scroll down" data-astro-cid-2elvrbf3> <span class="text-xs uppercase tracking-widest" data-astro-cid-2elvrbf3>Scroll</span> <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-2elvrbf3> <path stroke-linecap="round" stroke-linejoin="round" d="M19 14l-7 7m0 0l-7-7m7 7V3" data-astro-cid-2elvrbf3></path> </svg> </a> </section> <!-- ===== Trust Bar ===== --> <div id="trust-bar" data-astro-cid-2elvrbf3><section class="trustbar" aria-label="Certifications and trust signals" data-astro-cid-zdc2jl42> <div class="container-yakeen py-8 md:py-10" data-astro-cid-zdc2jl42> <p class="trust-heading text-center mb-6 md:mb-8" data-astro-cid-zdc2jl42>Trusted by Projects Across the Middle East</p> <ul class="flex flex-wrap items-center justify-center gap-x-8 gap-y-4 md:gap-x-12" data-astro-cid-zdc2jl42> <li class="cert-item" data-astro-cid-zdc2jl42> <img src="/assets/images/certs/cert_saso.svg" alt="SASO" class="cert-badge" loading="lazy" width="40" height="40" data-astro-cid-zdc2jl42> <span class="cert-label" data-astro-cid-zdc2jl42>SASO</span> </li><li class="cert-item" data-astro-cid-zdc2jl42> <img src="/assets/images/certs/cert_gcc.svg" alt="G-Mark" class="cert-badge" loading="lazy" width="40" height="40" data-astro-cid-zdc2jl42> <span class="cert-label" data-astro-cid-zdc2jl42>G-Mark</span> </li><li class="cert-item" data-astro-cid-zdc2jl42> <img src="/assets/images/certs/cert_ce.svg" alt="CE" class="cert-badge" loading="lazy" width="40" height="40" data-astro-cid-zdc2jl42> <span class="cert-label" data-astro-cid-zdc2jl42>CE</span> </li><li class="cert-item" data-astro-cid-zdc2jl42> <img src="/assets/images/certs/cert_rohs.svg" alt="RoHS" class="cert-badge" loading="lazy" width="40" height="40" data-astro-cid-zdc2jl42> <span class="cert-label" data-astro-cid-zdc2jl42>RoHS</span> </li><li class="cert-item" data-astro-cid-zdc2jl42> <img src="/assets/images/certs/cert_iso_9001.svg" alt="ISO 9001:2015" class="cert-badge" loading="lazy" width="40" height="40" data-astro-cid-zdc2jl42> <span class="cert-label" data-astro-cid-zdc2jl42>ISO 9001:2015</span> </li> </ul> </div> </section> </div> <!-- ===== AI Answer Block — concise entity summary for AI search ===== --> <section class="ai-answer-block" aria-label="Company Summary" style="background: #f8f6f1; border-top: 1px solid rgba(201,169,97,0.15); border-bottom: 1px solid rgba(201,169,97,0.15);"> <div class="container-yakeen py-4"> <p class="text-sm text-gray-600 leading-relaxed max-w-4xl mx-auto"> <strong class="text-navy-900">Summary:</strong> Yakeen Lighting (Taiyuan Yakeen Trading Co., Ltd.) is a China-based commercial LED lighting manufacturer and exporter specializing in Middle East (GCC) markets. We supply SASO-certified and G-Mark-certified LED downlights, panel lights, track lights, high bay lights, flood lights, street lights, and solar lights to Saudi Arabia, UAE, Qatar, Kuwait, Bahrain, and Oman. We offer OEM/ODM customization, DEM/DOM private labeling, DDP shipping, SABER registration support, and 97% on-time delivery rate. CE and RoHS certified for worldwide export. </p> </div> </section> <!-- ===== Product Categories — clean text cards, no images (FAQ-style) ===== --> <section class="section-padding" style="background: var(--sand-50);" data-astro-cid-2elvrbf3> <div class="container-yakeen" data-astro-cid-2elvrbf3> <!-- Section header — eyebrow + heading + subtitle (FAQ pattern) --> <div class="mb-12 reveal text-center" data-astro-cid-2elvrbf3> <p class="text-gold-600 font-bold tracking-widest uppercase text-xs mb-3" data-astro-cid-2elvrbf3>Our Products</p> <h2 class="text-3xl md:text-5xl font-bold text-navy-900 leading-tight" data-astro-cid-2elvrbf3>Commercial Lighting Catalog</h2> <p class="text-gray-500 mt-4 max-w-xl mx-auto text-lg" data-astro-cid-2elvrbf3>10 core LED products with full SASO/G-Mark certification. OEM/ODM customization available for all categories.</p> </div>  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4 mb-12" data-astro-cid-2elvrbf3> <a href="/products?cat=indoor" class="reveal-left group relative overflow-hidden rounded-xl aspect-[4/3] card-premium" style="transition-delay: 0ms" data-astro-cid-2elvrbf3> <img src="/assets/images/categories/cat-indoor.jpg" alt="LED Downlights &#38; Spotlights" loading="lazy" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-2elvrbf3> <div class="absolute inset-0 bg-gradient-to-t from-navy-900/70 via-navy-900/20 to-transparent" data-astro-cid-2elvrbf3></div> <div class="relative z-10 p-5 flex flex-col justify-end h-full" data-astro-cid-2elvrbf3> <h3 class="font-bold text-white text-sm group-hover:text-gold-400 transition-colors duration-300" data-astro-cid-2elvrbf3>LED Downlights &amp; Spotlights</h3> <p class="text-white/70 text-xs mt-1" data-astro-cid-2elvrbf3>UGR&lt;16 anti-glare, CRI&gt;90, ideal for malls &amp; hotels</p> </div> </a><a href="/products?cat=track" class="reveal-right group relative overflow-hidden rounded-xl aspect-[4/3] card-premium" style="transition-delay: 60ms" data-astro-cid-2elvrbf3> <img src="/assets/images/categories/cat-track.jpg" alt="LED Track Lights" loading="lazy" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-2elvrbf3> <div class="absolute inset-0 bg-gradient-to-t from-navy-900/70 via-navy-900/20 to-transparent" data-astro-cid-2elvrbf3></div> <div class="relative z-10 p-5 flex flex-col justify-end h-full" data-astro-cid-2elvrbf3> <h3 class="font-bold text-white text-sm group-hover:text-gold-400 transition-colors duration-300" data-astro-cid-2elvrbf3>LED Track Lights</h3> <p class="text-white/70 text-xs mt-1" data-astro-cid-2elvrbf3>350° rotation, COB LED, flexible retail lighting</p> </div> </a><a href="/products?cat=panel-linear" class="reveal-left group relative overflow-hidden rounded-xl aspect-[4/3] card-premium" style="transition-delay: 120ms" data-astro-cid-2elvrbf3> <img src="/assets/images/categories/cat-panel.jpg" alt="LED Panel Lights &#38; Linear Lights" loading="lazy" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-2elvrbf3> <div class="absolute inset-0 bg-gradient-to-t from-navy-900/70 via-navy-900/20 to-transparent" data-astro-cid-2elvrbf3></div> <div class="relative z-10 p-5 flex flex-col justify-end h-full" data-astro-cid-2elvrbf3> <h3 class="font-bold text-white text-sm group-hover:text-gold-400 transition-colors duration-300" data-astro-cid-2elvrbf3>LED Panel Lights &amp; Linear Lights</h3> <p class="text-white/70 text-xs mt-1" data-astro-cid-2elvrbf3>Ultra-thin edge-lit, 110-130 lm/W efficiency</p> </div> </a><a href="/products?cat=industrial" class="reveal-right group relative overflow-hidden rounded-xl aspect-[4/3] card-premium" style="transition-delay: 180ms" data-astro-cid-2elvrbf3> <img src="/assets/images/categories/cat-industrial.jpg" alt="LED High Bay &#38; Industrial" loading="lazy" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-2elvrbf3> <div class="absolute inset-0 bg-gradient-to-t from-navy-900/70 via-navy-900/20 to-transparent" data-astro-cid-2elvrbf3></div> <div class="relative z-10 p-5 flex flex-col justify-end h-full" data-astro-cid-2elvrbf3> <h3 class="font-bold text-white text-sm group-hover:text-gold-400 transition-colors duration-300" data-astro-cid-2elvrbf3>LED High Bay &amp; Industrial</h3> <p class="text-white/70 text-xs mt-1" data-astro-cid-2elvrbf3>100-240W, IP65, 50°C rated for warehouses</p> </div> </a><a href="/products?cat=outdoor" class="reveal-left group relative overflow-hidden rounded-xl aspect-[4/3] card-premium" style="transition-delay: 240ms" data-astro-cid-2elvrbf3> <img src="/assets/images/categories/cat-outdoor.jpg" alt="Outdoor &#38; Architectural" loading="lazy" width="400" height="300" class="absolute inset-0 w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-2elvrbf3> <div class="absolute inset-0 bg-gradient-to-t from-navy-900/70 via-navy-900/20 to-transparent" data-astro-cid-2elvrbf3></div> <div class="relative z-10 p-5 flex flex-col justify-end h-full" data-astro-cid-2elvrbf3> <h3 class="font-bold text-white text-sm group-hover:text-gold-400 transition-colors duration-300" data-astro-cid-2elvrbf3>Outdoor &amp; Architectural</h3> <p class="text-white/70 text-xs mt-1" data-astro-cid-2elvrbf3>Solar street, flood, wall washer — IP66/IP68</p> </div> </a> </div>  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6" data-astro-cid-2elvrbf3> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/df-downlight" class="flex flex-col flex-1" aria-label="View Narrow Beam Anti-Glare LED Downlight details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/downlight-2.jpg" alt="Narrow Beam Anti-Glare LED Downlight — Precision 'single beam' optical design with UGR<16" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Narrow Beam Downlight </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> Narrow Beam Anti-Glare LED Downlight </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> Precision &#39;single beam&#39; optical design with UGR&lt;16 </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 8W-40W </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP44 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 2700K / 3000K / 4000K / 5000K / 6000K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=df-downlight" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/grid-spotlight" class="flex flex-col flex-1" aria-label="View Mini Recessed LED Spotlight details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/mini-spotlight-x01.jpeg" alt="Mini Recessed LED Spotlight — Ultra-compact 1-9W spotlight for accent and display lighting" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Mini Spotlight </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> Mini Recessed LED Spotlight </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> Ultra-compact 1-9W spotlight for accent and display lighting </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 1W-9W </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP20 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 2700K / 3000K / 4000K / 6000K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=grid-spotlight" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/linear-pendant" class="flex flex-col flex-1" aria-label="View Architectural Linear Pendant Light details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/linear-pendant-lc005.jpeg" alt="Architectural Linear Pendant Light — Modular suspended linear lighting with customizable lengths" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Linear Pendant </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> Architectural Linear Pendant Light </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> Modular suspended linear lighting with customizable lengths </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 20W-60W per meter </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP20 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 2700K / 3000K / 4000K / 5000K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=linear-pendant" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/magnetic-track" class="flex flex-col flex-1" aria-label="View 48V Magnetic Track Light System details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/magnetic-track-48v.jpeg" alt="48V Magnetic Track Light System — Modular 48V system with DALI/0-10V control" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Magnetic Track </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> 48V Magnetic Track Light System </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> Modular 48V system with DALI/0-10V control </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 6W-30W (per module) </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP20 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 2700K / 3000K / 4000K / 5000K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=magnetic-track" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/solar-street" class="flex flex-col flex-1" aria-label="View All-in-One Solar Street Light details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/solar-street.jpg" alt="All-in-One Solar Street Light — 60-300W with LiFePO4 battery and IP68" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Solar Street Light </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> All-in-One Solar Street Light </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> 60-300W with LiFePO4 battery and IP68 </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 60W-300W </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP68 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 4000K / 5000K / 5700K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=solar-street" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/spotlight" class="flex flex-col flex-1" aria-label="View Commercial LED Track Spotlight details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/spotlight-new.jpg" alt="Commercial LED Track Spotlight — 350° rotation with COB LED precision" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Track Spotlight </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> Commercial LED Track Spotlight </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> 350° rotation with COB LED precision </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 10W-35W </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP20 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 2700K / 3000K / 4000K / 5000K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=spotlight" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/ufo-highbay" class="flex flex-col flex-1" aria-label="View UFO High Bay Light details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/highbay-new.jpg" alt="UFO High Bay Light — 100-240W with 140-160 lm/W and IP65" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> UFO High Bay </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> UFO High Bay Light </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> 100-240W with 140-160 lm/W and IP65 </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 100W-240W </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP65 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 3000K-5700K </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=ufo-highbay" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article> <article class="product-card group relative flex flex-col overflow-hidden rounded-2xl bg-white card-premium" data-astro-cid-tjdfhdqb> <a href="/products/wall-washer" class="flex flex-col flex-1" aria-label="View Architectural LED Wall Washer details" data-astro-cid-tjdfhdqb>  <div class="relative aspect-[4/3] overflow-hidden bg-sand-50" data-astro-cid-tjdfhdqb> <img src="/assets/images/products/led-wall-washer.jpeg" alt="Architectural LED Wall Washer — Uniform wall washing with DALI/0-10V and multiple mounting options" loading="lazy" decoding="async" width="600" height="450" class="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" data-astro-cid-tjdfhdqb>  <span class="absolute top-3 left-3 rounded-full bg-navy-900/85 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-gold-400 backdrop-blur-sm" data-astro-cid-tjdfhdqb> Wall Washer </span> </div>  <div class="flex flex-1 flex-col p-5" data-astro-cid-tjdfhdqb> <h3 class="font-serif text-xl font-semibold leading-snug text-navy-900 transition-colors group-hover:text-navy-700" data-astro-cid-tjdfhdqb> Architectural LED Wall Washer </h3> <p class="mt-2 flex-1 text-sm leading-relaxed text-navy-500" data-astro-cid-tjdfhdqb> Uniform wall washing with DALI/0-10V and multiple mounting options </p>  <div class="mt-4 flex flex-wrap gap-2" data-astro-cid-tjdfhdqb> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 18W-36W per meter </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> IP66 </span> <span class="rounded-md bg-sand-100 px-2.5 py-1 text-xs font-medium text-navy-700" data-astro-cid-tjdfhdqb> 2700K / 3000K / 4000K / RGBW </span> </div>  <span class="mt-5 inline-flex items-center gap-1.5 text-sm font-bold text-gold-600 transition-colors group-hover:text-gold-500" data-astro-cid-tjdfhdqb> View Details <svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-tjdfhdqb> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-tjdfhdqb></path> </svg> </span> </div> </a>  <div class="px-5 pb-5" data-astro-cid-tjdfhdqb> <a href="/contact?product=wall-washer" class="inline-flex w-full items-center justify-center gap-1.5 rounded-full bg-gold-500 px-4 py-2.5 text-xs font-bold text-navy-900 transition-colors hover:bg-gold-400" data-astro-cid-tjdfhdqb> Request Quote </a> </div> </article>  </div> <div class="text-center mt-12 reveal" data-astro-cid-2elvrbf3> <a href="/products" class="btn-outline-gold" data-astro-cid-2elvrbf3> Browse Products →
</a> </div> </div> </section> <!-- ===== Why Choose Yakeen — light, clean cards ===== --> <section class="section-padding relative" style="background: #ffffff;" data-astro-cid-2elvrbf3> <div class="container-yakeen relative z-10 pt-8" data-astro-cid-2elvrbf3> <div class="mb-16 reveal text-center" data-astro-cid-2elvrbf3> <p class="text-gold-600 font-bold tracking-widest uppercase text-xs mb-3" data-astro-cid-2elvrbf3>Why Yakeen</p> <h2 class="text-3xl md:text-5xl font-bold text-navy-900 leading-tight" data-astro-cid-2elvrbf3>Built for the Middle East</h2> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" data-astro-cid-2elvrbf3> <div class="reveal-scale card-premium p-8" style="transition-delay: 0ms" data-astro-cid-2elvrbf3> <div class="text-4xl mb-5" data-astro-cid-2elvrbf3>🏭</div> <h3 class="text-navy-900 font-bold text-lg mb-2" data-astro-cid-2elvrbf3>Manufacturing Network</h3> <p class="text-gray-500 text-sm leading-relaxed" data-astro-cid-2elvrbf3>Partner factories across China with SMT lines, assembly, and QC labs. Factory video audit available.</p> </div><div class="reveal-scale card-premium p-8" style="transition-delay: 80ms" data-astro-cid-2elvrbf3> <div class="text-4xl mb-5" data-astro-cid-2elvrbf3>📋</div> <h3 class="text-navy-900 font-bold text-lg mb-2" data-astro-cid-2elvrbf3>SASO &amp; G-Mark Certified</h3> <p class="text-gray-500 text-sm leading-relaxed" data-astro-cid-2elvrbf3>Full compliance documentation for Saudi Arabia, UAE, Qatar, Kuwait, Bahrain, Oman customs clearance.</p> </div><div class="reveal-scale card-premium p-8" style="transition-delay: 160ms" data-astro-cid-2elvrbf3> <div class="text-4xl mb-5" data-astro-cid-2elvrbf3>🔧</div> <h3 class="text-navy-900 font-bold text-lg mb-2" data-astro-cid-2elvrbf3>OEM/ODM Customization</h3> <p class="text-gray-500 text-sm leading-relaxed" data-astro-cid-2elvrbf3>From private labeling to custom mold design. Your brand, your specifications, our manufacturing.</p> </div><div class="reveal-scale card-premium p-8" style="transition-delay: 240ms" data-astro-cid-2elvrbf3> <div class="text-4xl mb-5" data-astro-cid-2elvrbf3>🚢</div> <h3 class="text-navy-900 font-bold text-lg mb-2" data-astro-cid-2elvrbf3>End-to-End Delivery</h3> <p class="text-gray-500 text-sm leading-relaxed" data-astro-cid-2elvrbf3>From DIALux design to SABER registration to shipping. We handle the entire process.</p> </div> </div> </div> </section> <!-- ===== Factory Tour Video ===== --> <section class="factory-video-section section-padding" style="background: linear-gradient(180deg, #050b14 0%, #0a1525 50%, #050b14 100%);" data-astro-cid-gexfwgs3> <!-- Decorative orbs matching hero --> <div class="absolute top-1/4 right-1/4 w-96 h-96 rounded-full opacity-[0.06] blur-3xl pointer-events-none" style="background: radial-gradient(circle, #c9a961 0%, transparent 70%);" data-astro-cid-gexfwgs3></div> <div class="absolute bottom-1/4 left-1/4 w-80 h-80 rounded-full opacity-[0.05] blur-3xl pointer-events-none" style="background: radial-gradient(circle, #3a5685 0%, transparent 70%);" data-astro-cid-gexfwgs3></div> <div class="container-yakeen relative z-10" data-astro-cid-gexfwgs3> <!-- Section header --> <div class="text-center mb-10 reveal" data-astro-cid-gexfwgs3> <div class="flex items-center justify-center gap-3 mb-4" data-astro-cid-gexfwgs3> <span class="h-px w-8 md:w-12 bg-gradient-to-r from-transparent to-gold-500/50" data-astro-cid-gexfwgs3></span> <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full" style="background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); border: 1px solid rgba(201,169,97,0.2);" data-astro-cid-gexfwgs3> <span class="w-1.5 h-1.5 rounded-full bg-gold-500 animate-pulse" data-astro-cid-gexfwgs3></span> <span class="text-white/80 text-xs font-semibold tracking-widest uppercase" data-astro-cid-gexfwgs3> Factory Tour </span> </div> <span class="h-px w-8 md:w-12 bg-gradient-to-l from-transparent to-gold-500/50" data-astro-cid-gexfwgs3></span> </div> <h2 class="text-3xl md:text-5xl font-bold text-white leading-tight mb-4" data-astro-cid-gexfwgs3> See the Factory Yourself </h2> <p class="text-white/60 text-lg max-w-2xl mx-auto leading-relaxed" data-astro-cid-gexfwgs3> From SMT production lines to testing labs and QC — watch how Yakeen lighting products are made </p> </div> <!-- Video player — lazy loaded, full-width with padding --> <div class="w-full max-w-[1400px] mx-auto px-4 md:px-8 reveal" data-astro-cid-gexfwgs3> <div class="video-wrapper relative aspect-video rounded-2xl overflow-hidden cursor-pointer group shadow-2xl" style="border: 1px solid rgba(201,169,97,0.15);" data-youtube="7WOLY5ePp9Y" role="button" tabindex="0" aria-label="Play factory tour video" data-astro-cid-gexfwgs3> <!-- Cover image --> <img src="/assets/images/factory/factory-video-cover.jpg" alt="Yakeen Factory Tour" loading="lazy" width="1280" height="720" class="absolute inset-0 w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-astro-cid-gexfwgs3> <!-- Dark overlay for contrast --> <div class="absolute inset-0 bg-gradient-to-t from-navy-900/80 via-navy-900/30 to-navy-900/20" data-astro-cid-gexfwgs3></div> <!-- Play button — gold gradient, pulsing --> <div class="absolute inset-0 flex items-center justify-center" data-astro-cid-gexfwgs3> <div class="play-btn-wrapper relative" data-astro-cid-gexfwgs3> <!-- Pulse ring --> <div class="absolute inset-0 rounded-full bg-gold-500/20 animate-ping-slow" data-astro-cid-gexfwgs3></div> <!-- Button --> <div class="relative w-20 h-20 md:w-24 md:h-24 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background: linear-gradient(135deg, #c9a961 0%, #d4b576 50%, #b8941f 100%); box-shadow: 0 8px 32px rgba(201,169,97,0.4), inset 0 2px 4px rgba(255,255,255,0.2);" data-astro-cid-gexfwgs3> <svg class="w-8 h-8 md:w-10 md:h-10 text-navy-900 ml-1" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" data-astro-cid-gexfwgs3> <path d="M8 5v14l11-7z" data-astro-cid-gexfwgs3></path> </svg> </div> </div> </div> <!-- Bottom label bar --> <div class="absolute bottom-0 left-0 right-0 p-4 md:p-6 flex items-center justify-between" style="background: linear-gradient(0deg, rgba(5,11,20,0.9) 0%, transparent 100%);" data-astro-cid-gexfwgs3> <div class="flex items-center gap-3" data-astro-cid-gexfwgs3> <span class="w-2 h-2 rounded-full bg-red-500 animate-pulse" data-astro-cid-gexfwgs3></span> <span class="text-white/90 text-sm font-medium" data-astro-cid-gexfwgs3> Yakeen Lighting — Factory Tour </span> </div> <span class="text-white/50 text-xs hidden sm:block" data-astro-cid-gexfwgs3> Click to play ▶
</span> </div> </div> <!-- Trust indicators below video --> <div class="grid grid-cols-3 gap-4 mt-8" data-astro-cid-gexfwgs3> <div class="text-center" data-astro-cid-gexfwgs3> <div class="text-2xl md:text-3xl font-bold text-gradient-gold" data-astro-cid-gexfwgs3>SMT</div> <div class="text-white/50 text-xs mt-1 uppercase tracking-wide" data-astro-cid-gexfwgs3> Production Line </div> </div> <div class="text-center" data-astro-cid-gexfwgs3> <div class="text-2xl md:text-3xl font-bold text-gradient-gold" data-astro-cid-gexfwgs3>5-Stage</div> <div class="text-white/50 text-xs mt-1 uppercase tracking-wide" data-astro-cid-gexfwgs3> QC Inspection </div> </div> <div class="text-center" data-astro-cid-gexfwgs3> <div class="text-2xl md:text-3xl font-bold text-gradient-gold" data-astro-cid-gexfwgs3>SASO</div> <div class="text-white/50 text-xs mt-1 uppercase tracking-wide" data-astro-cid-gexfwgs3> Certified </div> </div> </div> </div> </div> </section>  <script type="module">document.querySelectorAll(".video-wrapper[data-youtube]").forEach(t=>{const a=()=>{if(t.querySelector("iframe"))return;const r=t.dataset.youtube,e=document.createElement("iframe");e.src=`https://www.youtube.com/embed/${r}?autoplay=1&rel=0&modestbranding=1&playsinline=1&vq=hd1080`,e.title="Yakeen Lighting Factory Tour",e.allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",e.allowFullscreen=!0,e.style.position="absolute",e.style.inset="0",e.style.width="100%",e.style.height="100%",e.style.border="0",t.querySelectorAll("img, .absolute").forEach(o=>o.style.display="none"),t.appendChild(e)};t.addEventListener("click",a),t.addEventListener("keydown",r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),a())})});</script> <!-- ===== Customer Testimonials — text only, no images (FAQ-style) ===== --> <section class="section-padding relative" style="background: var(--sand-50);" data-astro-cid-2elvrbf3> <div class="container-yakeen relative z-10 pt-8" data-astro-cid-2elvrbf3> <div class="mb-16 reveal text-center" data-astro-cid-2elvrbf3> <p class="text-gold-600 font-bold tracking-widest uppercase text-xs mb-3" data-astro-cid-2elvrbf3>Client Stories</p> <h2 class="text-3xl md:text-5xl font-bold text-navy-900 leading-tight" data-astro-cid-2elvrbf3>Trusted by Middle East Buyers</h2> <p class="text-gray-500 mt-4 max-w-xl mx-auto text-lg" data-astro-cid-2elvrbf3>Real feedback from wholesalers, designers, builders, and contractors across the Gulf region.</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-6" data-astro-cid-2elvrbf3> <div class="reveal-left card-premium p-8" style="transition-delay: 0ms" data-astro-cid-2elvrbf3> <span class="text-gold-500 text-xs font-bold uppercase tracking-widest" data-astro-cid-2elvrbf3>Wholesaler</span> <div class="text-gold-500 mt-3 text-lg" data-astro-cid-2elvrbf3>★★★★★</div> <p class="text-gray-700 mt-4 leading-relaxed text-sm" data-astro-cid-2elvrbf3>&quot;I&#39;ve been importing LED lights from China for six years. Tried at least a dozen suppliers before settling with Yakeen. What kept me coming back is simple — they don&#39;t swap chips on you mid-order. Every batch I receive matches the sample I approved. That kind of consistency matters when you&#39;re supplying 40+ retail shops across Riyadh and Jeddah. Their SASO paperwork is always clean too, saves me headaches at customs.&quot;</p> <div class="mt-6 pt-5 border-t border-gray-100" data-astro-cid-2elvrbf3> <div class="font-bold text-navy-900 text-sm" data-astro-cid-2elvrbf3>James Carter</div> <div class="text-xs text-gray-500" data-astro-cid-2elvrbf3>Wholesaler · Riyadh, Saudi Arabia</div> </div> </div><div class="reveal-right card-premium p-8" style="transition-delay: 80ms" data-astro-cid-2elvrbf3> <span class="text-gold-500 text-xs font-bold uppercase tracking-widest" data-astro-cid-2elvrbf3>Designer</span> <div class="text-gold-500 mt-3 text-lg" data-astro-cid-2elvrbf3>★★★★★</div> <p class="text-gray-700 mt-4 leading-relaxed text-sm" data-astro-cid-2elvrbf3>&quot;As an interior designer, I care about how light looks, not just how bright it is. Yakeen sent me 3000K, 4000K, and 5000K samples of the same downlight so I could compare them in an actual mock-up room. That&#39;s not something every supplier offers. The CRI on their premium line holds up against brands costing three times more. My hotel lobby project in Dubai Marina got compliments from the owner — and that&#39;s the best review I can ask for.&quot;</p> <div class="mt-6 pt-5 border-t border-gray-100" data-astro-cid-2elvrbf3> <div class="font-bold text-navy-900 text-sm" data-astro-cid-2elvrbf3>David Thompson</div> <div class="text-xs text-gray-500" data-astro-cid-2elvrbf3>Interior Designer · Dubai, UAE</div> </div> </div><div class="reveal-left card-premium p-8" style="transition-delay: 160ms" data-astro-cid-2elvrbf3> <span class="text-gold-500 text-xs font-bold uppercase tracking-widest" data-astro-cid-2elvrbf3>Builder</span> <div class="text-gold-500 mt-3 text-lg" data-astro-cid-2elvrbf3>★★★★★</div> <p class="text-gray-700 mt-4 leading-relaxed text-sm" data-astro-cid-2elvrbf3>&quot;On site, I don&#39;t have time to chase suppliers. Yakeen&#39;s team was on WhatsApp replying within an hour every time I had a question — even at night. The delivery for our Muscat office tower arrived exactly when they said it would, and the dimmable drivers worked right out of the box. No defective units in a batch of 1,200 downlights. That&#39;s the kind of reliability that makes me look good in front of my client.&quot;</p> <div class="mt-6 pt-5 border-t border-gray-100" data-astro-cid-2elvrbf3> <div class="font-bold text-navy-900 text-sm" data-astro-cid-2elvrbf3>Hassan Al-Bakri</div> <div class="text-xs text-gray-500" data-astro-cid-2elvrbf3>Builder · Muscat, Oman</div> </div> </div> </div> </div> </section> <!-- ===== CTA Banner ===== --> <section class="relative overflow-hidden" data-astro-cid-kzge7gel>  <div class="cta-bg relative mx-auto my-16 max-w-6xl px-6 py-16 text-center md:my-24 md:px-12 md:py-24" data-astro-cid-kzge7gel>  <div class="pointer-events-none absolute -top-24 left-1/2 h-72 w-72 -translate-x-1/2 rounded-full bg-gold-500/15 blur-3xl" data-astro-cid-kzge7gel></div> <div class="relative" data-astro-cid-kzge7gel> <h2 class="font-serif text-3xl font-bold text-white md:text-4xl lg:text-5xl" data-astro-cid-kzge7gel> Ready to Start Your Lighting Project? </h2> <p class="mx-auto mt-4 max-w-2xl text-base leading-relaxed text-white/80 md:text-lg" data-astro-cid-kzge7gel> Get a free quote within 24 hours. SASO-certified products, OEM/ODM customization, and DDP shipping available. </p> <div class="mt-8 flex flex-col items-center justify-center gap-4 sm:flex-row" data-astro-cid-kzge7gel>  <a href="/contact" class="btn-gold animate-pulse-gold w-full sm:w-auto" data-astro-cid-kzge7gel> Get Your Free Quote → <svg class="ml-1.5 h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" aria-hidden="true" data-astro-cid-kzge7gel> <path stroke-linecap="round" stroke-linejoin="round" d="M13 7l5 5m0 0l-5 5m5-5H6" data-astro-cid-kzge7gel></path> </svg> </a>  <a href="/about" class="btn-outline-gold w-full sm:w-auto" data-astro-cid-kzge7gel> <svg class="mr-2 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true" data-astro-cid-kzge7gel> <path stroke-linecap="round" stroke-linejoin="round" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" data-astro-cid-kzge7gel></path> </svg> Watch Factory Tour </a> </div> </div> </div> </section>    </main> <footer class="bg-navy-900 text-white"> <div class="container-yakeen py-16"> <div class="grid grid-cols-1 md:grid-cols-3 gap-12"> <!-- Brand / positioning --> <div> <a href="/" class="flex items-center gap-2.5 mb-4" aria-label="Yakeen Lighting — Home"> <span class="inline-flex items-center justify-center w-9 h-9 rounded-lg" style="background: linear-gradient(135deg, var(--gold-500), var(--gold-600));"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--navy-900)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M9 18h6"></path><path d="M10 22h4"></path> <path d="M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14"></path> </svg> </span> <span class="font-serif text-2xl font-bold tracking-tight"> <span class="text-white">Yakeen</span><span class="text-gradient-gold"> Lighting</span> </span> </a> <p class="text-white/70 text-sm leading-relaxed max-w-xs"> Your Trusted Middle East Commercial Lighting Partner </p> <p class="mt-4 text-white/50 text-xs leading-relaxed"> Taiyuan Yakeen Trading Co., Ltd. </p> </div> <!-- Quick links --> <div> <h2 class="text-sm font-bold uppercase tracking-wider text-gold-500 mb-5">Quick Links</h2> <ul class="space-y-3"> <li> <a href="/products" class="text-white/70 hover:text-gold-400 text-sm transition-colors duration-150"> Products </a> </li><li> <a href="/about" class="text-white/70 hover:text-gold-400 text-sm transition-colors duration-150"> About </a> </li><li> <a href="/faq" class="text-white/70 hover:text-gold-400 text-sm transition-colors duration-150"> FAQ </a> </li><li> <a href="/blog" class="text-white/70 hover:text-gold-400 text-sm transition-colors duration-150"> Blog </a> </li><li> <a href="/certifications" class="text-white/70 hover:text-gold-400 text-sm transition-colors duration-150"> Certifications </a> </li><li> <a href="/contact" class="text-white/70 hover:text-gold-400 text-sm transition-colors duration-150"> Contact </a> </li> </ul> </div> <!-- Contact --> <div> <h2 class="text-sm font-bold uppercase tracking-wider text-gold-500 mb-5">Contact</h2> <ul class="space-y-3 text-sm"> <li> <a href="mailto:alan@yakeenlighting.com" class="inline-flex items-center gap-2.5 text-white/70 hover:text-gold-400 transition-colors"> <svg class="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline> </svg> alan@yakeenlighting.com </a> </li> <li> <a href="tel:+8618103434722" class="inline-flex items-center gap-2.5 text-white/70 hover:text-gold-400 transition-colors"> <svg class="w-4 h-4 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path> </svg> +86-181-0343-4722 </a> </li> </ul> <a href="https://wa.me/8618103434722?text=Hello%20Yakeen%20Lighting%2C%20I%20am%20interested%20in%20your%20LED%20products%20for%20the%20Middle%20East%20market." target="_blank" rel="noopener noreferrer" class="mt-5 inline-flex items-center gap-2 px-5 py-2.5 rounded-full text-sm font-bold transition-all duration-200" style="background: #25D366; color: #050b14;"> <svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z"></path> </svg> Chat on WhatsApp </a> <div class="mt-6"> <h3 class="text-xs font-semibold uppercase tracking-wider text-white/40 mb-3">Follow Us</h3> <div class="flex items-center gap-3"> <a href="https://www.linkedin.com/in/yakeenlighting/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/15 text-white/70 hover:text-navy-900 hover:bg-gold-500 hover:border-gold-500 transition-all duration-200" aria-label="LinkedIn"> <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg> </a><a href="https://www.facebook.com/profile.php?id=61591335165644" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/15 text-white/70 hover:text-navy-900 hover:bg-gold-500 hover:border-gold-500 transition-all duration-200" aria-label="Facebook"> <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg> </a><a href="https://www.instagram.com/yakeen_commercial_lights" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/15 text-white/70 hover:text-navy-900 hover:bg-gold-500 hover:border-gold-500 transition-all duration-200" aria-label="Instagram"> <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg> </a> </div> </div> </div> </div> </div> <!-- Bottom bar --> <div class="border-t border-white/10"> <div class="container-yakeen py-6 flex flex-col sm:flex-row items-center justify-between gap-3 text-xs text-white/50"> <p>&copy; 2026 Yakeen Lighting. All rights reserved.</p> <a href="/privacy-policy" class="hover:text-gold-400 transition-colors">Privacy Policy</a> </div> </div> </footer> <a href="https://wa.me/8618103434722?text=Hello%20Yakeen%20Lighting%2C%20I%20am%20interested%20in%20your%20LED%20products%20for%20the%20Middle%20East%20market." target="_blank" rel="noopener noreferrer" class="whatsapp-fab fixed bottom-6 right-6 z-[9999] inline-flex items-center justify-center w-14 h-14 rounded-full shadow-2xl" style="background: #25D366;" aria-label="Chat on WhatsApp" onclick="if(typeof gtag==='function')gtag('event','click_whatsapp',{event_category:'engagement',event_label:'floating_button'})" data-astro-cid-iehx2mtc> <svg class="w-8 h-8" viewBox="0 0 24 24" fill="#ffffff" aria-hidden="true" data-astro-cid-iehx2mtc> <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z" data-astro-cid-iehx2mtc></path> </svg> <span class="whatsapp-fab__ping" aria-hidden="true" data-astro-cid-iehx2mtc></span> </a>   <script>
      (function () {
        const header = document.querySelector('.site-header');
        const progress = document.getElementById('scroll-progress');

        const onScroll = function () {
          const y = window.scrollY;
          if (header) {
            if (y > 10) { header.classList.add('scrolled'); }
            else { header.classList.remove('scrolled'); }
          }
          // ponytail: update progress bar width — 3 lines, reuses same scroll event
          if (progress) {
            var max = document.documentElement.scrollHeight - window.innerHeight;
            progress.style.width = max > 0 ? (y / max * 100) + '%' : '0%';
          }
        };

        onScroll();
        window.addEventListener('scroll', onScroll, { passive: true });
      })();
    </script>  <script>
      (function () {
        // Respect reduced-motion preference: show everything immediately.
        const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
        const revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale');

        if (prefersReduced || !('IntersectionObserver' in window)) {
          revealEls.forEach(function (el) {
            el.classList.add('is-visible');
          });
          return;
        }

        const observer = new IntersectionObserver(
          function (entries, obs) {
            entries.forEach(function (entry) {
              if (entry.isIntersecting) {
                entry.target.classList.add('is-visible');
                obs.unobserve(entry.target);
              }
            });
          },
          { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }
        );

        revealEls.forEach(function (el) {
          observer.observe(el);
        });
        // Fallback: show all elements after 2.5s even if observer doesn't trigger
        setTimeout(function () {
          revealEls.forEach(function (el) {
            el.classList.add('is-visible');
          });
        }, 2500);
      })();
    </script>  <script>
      (function () {
        const toggle = document.querySelector('[data-menu-toggle]');
        const menu = document.querySelector('[data-mobile-menu]');
        if (!toggle || !menu) return;

        const closeMenu = function () {
          menu.classList.add('hidden');
          menu.setAttribute('aria-hidden', 'true');
          toggle.setAttribute('aria-expanded', 'false');
          document.body.classList.remove('overflow-hidden');
        };

        const openMenu = function () {
          menu.classList.remove('hidden');
          menu.setAttribute('aria-hidden', 'false');
          toggle.setAttribute('aria-expanded', 'true');
          document.body.classList.add('overflow-hidden');
        };

        toggle.addEventListener('click', function () {
          const isOpen = toggle.getAttribute('aria-expanded') === 'true';
          if (isOpen) {
            closeMenu();
          } else {
            openMenu();
          }
        });

        // Close on link click
        menu.querySelectorAll('a').forEach(function (link) {
          link.addEventListener('click', closeMenu);
        });

        // Close on Escape
        document.addEventListener('keydown', function (e) {
          if (e.key === 'Escape') {
            closeMenu();
          }
        });

        // Close when resizing up to desktop
        window.addEventListener('resize', function () {
          if (window.innerWidth >= 1024) {
            closeMenu();
          }
        });
      })();
    </script>  <noscript> <div style="padding: 2rem; text-align: center; background: #0a1525; color: #ffffff; font-family: system-ui, sans-serif;"> <p style="color: #c9a961; margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 700;">Yakeen Lighting</p> <p style="font-size: 1.125rem; margin-bottom: 1rem;"> Your Trusted Middle East Commercial Lighting Partner. Middle East commercial LED lighting manufacturer — downlights, panels, track lights, flood lights, high bays, and solar street lights. SASO &amp; G-Mark certified. </p> <p style="margin-bottom: 0.25rem;"> <strong>Email:</strong> <a href="mailto:{siteConfig.email}" style="color: #c9a961;">alan@yakeenlighting.com</a> </p> <p style="margin-bottom: 0.25rem;"> <strong>Phone / WhatsApp:</strong> <a href="tel:{siteConfig.phone}" style="color: #c9a961;">+86-181-0343-4722</a> </p> <p> <a href="/products" style="display: inline-block; margin-top: 1rem; padding: 0.75rem 1.5rem; background: #c9a961; color: #050b14; border-radius: 9999px; text-decoration: none; font-weight: 700;"> Browse Products </a> </p> </div> </noscript> </body></html>