{"id":16799,"date":"2025-11-03T00:10:54","date_gmt":"2025-11-02T21:10:54","guid":{"rendered":"https:\/\/elhejaz.com\/?page_id=16799"},"modified":"2025-12-28T23:02:32","modified_gmt":"2025-12-28T20:02:32","slug":"skylight-2","status":"publish","type":"page","link":"https:\/\/elhejaz.com\/ar\/skylight-2\/","title":{"rendered":"\u0633\u0643\u0627\u064a \u0644\u0627\u064a\u062a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16799\" class=\"elementor elementor-16799\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-561b8eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"561b8eb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb4f8b2 ot-flex-column-vertical\" data-id=\"fb4f8b2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4214340 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4214340\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4056f02 ot-flex-column-vertical\" data-id=\"4056f02\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7177b0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e7177b0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b5a4764 ot-flex-column-vertical\" data-id=\"b5a4764\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8dab054 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8dab054\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0282743 ot-flex-column-vertical\" data-id=\"0282743\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a39fe7 elementor-widget elementor-widget-html\" data-id=\"0a39fe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script id="bv-lazyload-iframe" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var bv_load_iframe_on_user_action=!0,bv_iframe_lazyload_events=["mousemove","click","keydown","wheel","touchmove","touchend"],bv_load_event_executed=!1,bv_user_action_performed=!1;window.addEventListener("load",()=>{bv_load_event_executed=!0,handle_lazyload_iframes()});for(const event of bv_iframe_lazyload_events)window.addEventListener(event,handle_lazyload_events,{once:!0});function handle_lazyload_events(){for(const event of bv_iframe_lazyload_events)window.removeEventListener(event,handle_lazyload_events);bv_user_action_performed=!0,handle_lazyload_iframes()}__name(handle_lazyload_events,"handle_lazyload_events");function set_iframe_element_src(iframe_element){let src_value=iframe_element.getAttribute("bv-data-src");src_value?(src_value.includes("autoplay=1")&&(src_value+="&mute=1"),iframe_element.setAttribute("src",src_value)):console.log("IFRAME_SRC_NOT_FOUND : "+entry)}__name(set_iframe_element_src,"set_iframe_element_src");function handle_lazyload_iframes(){if(!bv_load_iframe_on_user_action&&bv_load_event_executed||bv_load_iframe_on_user_action&&bv_user_action_performed&&bv_load_event_executed)if("IntersectionObserver"in window){let handleIframes2=function(entries){entries.map(entry2=>{entry2.isIntersecting&&(set_iframe_element_src(entry2.target),iframe_observer.unobserve(entry2.target))})};var handleIframes=handleIframes2;__name(handleIframes2,"handleIframes");const iframe_observer=new IntersectionObserver(handleIframes2);document.querySelectorAll(".bv-lazyload-iframe").forEach(iframe_element=>{iframe_observer.observe(iframe_element)})}else document.querySelectorAll(".bv-lazyload-iframe").forEach(iframe_element=>{set_iframe_element_src(iframe_element)})}__name(handle_lazyload_iframes,"handle_lazyload_iframes");
</script>

<script id="bv-lazyload-images" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var bv_lazyload_event_listener="readystatechange",bv_lazyload_events=["mousemove","click","keydown","wheel","touchmove","touchend"],bv_use_srcset_attr=!1,bv_style_observer,img_observer,picture_lazy_observer;bv_lazyload_event_listener=="load"?window.addEventListener("load",event=>{handle_lazyload_images()}):bv_lazyload_event_listener=="readystatechange"&&document.addEventListener("readystatechange",event=>{document.readyState==="interactive"&&handle_lazyload_images()});function add_lazyload_image_event_listeners(handle_lazyload_images2){bv_lazyload_events.forEach(function(event){document.addEventListener(event,handle_lazyload_images2,!0)})}__name(add_lazyload_image_event_listeners,"add_lazyload_image_event_listeners");function remove_lazyload_image_event_listeners(){bv_lazyload_events.forEach(function(event){document.removeEventListener(event,handle_lazyload_images,!0)})}__name(remove_lazyload_image_event_listeners,"remove_lazyload_image_event_listeners");function bv_replace_lazyloaded_image_url(element2){let src_value=element2.getAttribute("bv-data-src"),srcset_value=element2.getAttribute("bv-data-srcset"),currentSrc=element2.getAttribute("src");currentSrc&&currentSrc.startsWith("data:image/svg+xml")&&(bv_use_srcset_attr&&srcset_value&&element2.setAttribute("srcset",srcset_value),src_value&&element2.setAttribute("src",src_value))}__name(bv_replace_lazyloaded_image_url,"bv_replace_lazyloaded_image_url");function bv_replace_inline_style_image_url(element2){let bv_style_attr=element2.getAttribute("bv-data-style");if(console.log(bv_style_attr),bv_style_attr){let currentStyles=element2.getAttribute("style")||"",newStyle=currentStyles+(currentStyles?";":"")+bv_style_attr;element2.setAttribute("style",newStyle)}else console.log("BV_STYLE_ATTRIBUTE_NOT_FOUND : "+entry)}__name(bv_replace_inline_style_image_url,"bv_replace_inline_style_image_url");function handleLazyloadImages(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_lazyloaded_image_url(entry2.target),img_observer.unobserve(entry2.target))})}__name(handleLazyloadImages,"handleLazyloadImages");function handleOnscreenInlineStyleImages(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_inline_style_image_url(entry2.target),bv_style_observer.unobserve(entry2.target))})}__name(handleOnscreenInlineStyleImages,"handleOnscreenInlineStyleImages");function handlePictureTags(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_picture_tag_url(entry2.target),picture_lazy_observer.unobserve(entry2.target))})}__name(handlePictureTags,"handlePictureTags");function bv_replace_picture_tag_url(element2){const child_elements=element2.children;for(let i=0;i<child_elements.length;i++){let child_elem=child_elements[i],_srcset=child_elem.getAttribute("bv-data-srcset"),_src=child_elem.getAttribute("bv-data-src");_srcset&&child_elem.setAttribute("srcset",_srcset),_src&&child_elem.setAttribute("src",_src),bv_replace_picture_tag_url(child_elem)}}__name(bv_replace_picture_tag_url,"bv_replace_picture_tag_url"),"IntersectionObserver"in window&&(bv_style_observer=new IntersectionObserver(handleOnscreenInlineStyleImages),img_observer=new IntersectionObserver(handleLazyloadImages),picture_lazy_observer=new IntersectionObserver(handlePictureTags));function handle_lazyload_images(){"IntersectionObserver"in window?(document.querySelectorAll(".bv-lazyload-bg-style").forEach(target_element=>{bv_style_observer.observe(target_element)}),document.querySelectorAll(".bv-lazyload-tag-img").forEach(img_element=>{img_observer.observe(img_element)}),document.querySelectorAll(".bv-lazyload-picture").forEach(picture_element=>{picture_lazy_observer.observe(picture_element)})):(document.querySelectorAll(".bv-lazyload-bg-style").forEach(target_element=>{bv_replace_inline_style_image_url(target_element)}),document.querySelectorAll(".bv-lazyload-tag-img").forEach(target_element=>{bv_replace_lazyloaded_image_url(target_element)}),document.querySelectorAll(".bv-lazyload-picture").forEach(picture_element=>{bv_replace_picture_tag_url(element)}))}__name(handle_lazyload_images,"handle_lazyload_images");
</script>

<script id="bv-viewport-image-hydration" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});const BV_VIEWPORT_IMAGE_CLASS="bv-viewport-img",BV_VIEWPORT_IMAGE_SWAP_MODE="src";function getViewportImageDeviceName(){let device_width=window.outerWidth;return device_width<=480?"mobile":device_width<=820?"ipad":device_width<=1536?"desktop":"large"}__name(getViewportImageDeviceName,"getViewportImageDeviceName");function getViewportHydrationAttr(node_element,attr_suffix,device_name){let attr_names=["bv-data-"+device_name+"-"+attr_suffix,"bv-data-large-"+attr_suffix];for(let index=0;index<attr_names.length;index+=1){let attr_value=node_element.getAttribute(attr_names[index]);if(attr_value)return attr_value}return""}__name(getViewportHydrationAttr,"getViewportHydrationAttr");function hydrateViewportImage(node_element){if(!node_element||node_element.getAttribute("bv-viewport-hydrated")==="1")return;let hydrated=!1,device_name=getViewportImageDeviceName(),src_attr=getViewportHydrationAttr(node_element,"src",device_name),srcset_attr=getViewportHydrationAttr(node_element,"srcset",device_name);BV_VIEWPORT_IMAGE_SWAP_MODE==="srcset"&&srcset_attr&&(node_element.setAttribute("srcset",srcset_attr),hydrated=!0),src_attr&&(node_element.setAttribute("src",src_attr),hydrated=!0),hydrated&&node_element.setAttribute("bv-viewport-hydrated","1")}__name(hydrateViewportImage,"hydrateViewportImage");function hydrateViewportImages(){let img_tags=document.querySelectorAll("."+BV_VIEWPORT_IMAGE_CLASS);setTimeout(()=>{img_tags.forEach(img_tag=>{hydrateViewportImage(img_tag)})},0)}__name(hydrateViewportImages,"hydrateViewportImages"),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",hydrateViewportImages):hydrateViewportImages();
</script>

<script id="bv-dl-scripts-list" data-cfasync="false" bv-exclude="true">
var scriptAttrs = [{"attrs":{"defer":true,"data-cfasync":false,"async":false,"bv_inline_delayed":true},"bv_unique_id":"PDiwWncv89PaCpajmEfp","reference":0},{"attrs":{"type":"\\"application\\/ld+json\\"","class":"\\"yoast-schema-graph\\"","defer":true,"data-cfasync":false,"async":false,"bv_inline_delayed":true},"bv_unique_id":"u5bgtArOdHFglde7mIBd","reference":1}];
</script>
<script id="bv-web-worker" type="javascript/worker" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});self.onmessage=function(e){var counter=e.data.fetch_urls.length;e.data.fetch_urls.forEach(function(fetch_url){loadUrl(fetch_url,function(){console.log("DONE: "+fetch_url),counter=counter-1,counter===0&&self.postMessage({status:"SUCCESS"})})})};async function loadUrl(fetch_url,callback){try{var request=new Request(fetch_url,{mode:"no-cors",redirect:"follow"});await fetch(request),callback()}catch(fetchError){console.log("Fetch Error loading URL:",fetchError);try{var xhr=new XMLHttpRequest;xhr.onerror=callback,xhr.onload=callback,xhr.responseType="blob",xhr.open("GET",fetch_url,!0),xhr.send()}catch(xhrError){console.log("XHR Error loading URL:",xhrError),callback()}}}__name(loadUrl,"loadUrl");
</script>
<script id="bv-web-worker-handler" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});if(typeof scriptAttrs<"u"&&Array.isArray(scriptAttrs)&&scriptAttrs.length>0){const lastElement=scriptAttrs[scriptAttrs.length-1];if(lastElement.attrs&&lastElement.attrs.id==="bv-trigger-listener"){var bv_custom_ready_state_value="loading";Object.defineProperty(document,"readyState",{get:__name(function(){return bv_custom_ready_state_value},"get"),set:__name(function(){},"set")})}}if(typeof scriptAttrs>"u"||!Array.isArray(scriptAttrs))var scriptAttrs=[];if(typeof linkStyleAttrs>"u"||!Array.isArray(linkStyleAttrs))var linkStyleAttrs=[];function isMobileDevice(){return window.innerWidth<=500}__name(isMobileDevice,"isMobileDevice");var js_dom_loaded=!1;document.addEventListener("DOMContentLoaded",()=>{js_dom_loaded=!0});const EVENTS=["mousemove","click","keydown","wheel","touchmove","touchend"];var scriptUrls=[],styleUrls=[],bvEventCalled=!1,workerFinished=!1,functionExec=!1,scriptsInjected=!1,stylesInjected=!1,bv_load_event_fired=!1,autoInjectTimerStarted=!1;const BV_AUTO_INJECT_ENABLED=!0,BV_DESKTOP_AUTO_INJECT_DELAY=4e3,BV_MOBILE_AUTO_INJECT_DELAY=1e4,BV_WORKER_TIMEOUT_DURATION=3e3;scriptAttrs.forEach((scriptAttr,index)=>{scriptAttr.attrs.src&&!scriptAttr.attrs.src.includes("data:text/javascript")&&(scriptUrls[index]=scriptAttr.attrs.src)}),linkStyleAttrs.forEach((linkAttr,index)=>{styleUrls[index]=linkAttr.attrs.href});var fetchUrls=scriptUrls.concat(styleUrls);function addEventListeners(bvEventHandler2){EVENTS.forEach(function(event){document.addEventListener(event,bvEventFired,!0),document.addEventListener(event,bvEventHandler2,!0)})}__name(addEventListeners,"addEventListeners");function removeEventListeners(){EVENTS.forEach(function(event){document.removeEventListener(event,bvEventHandler,!0)})}__name(removeEventListeners,"removeEventListeners");function bvEventFired(){bvEventCalled||(bvEventCalled=!0,workerFinished=!0)}__name(bvEventFired,"bvEventFired");function bvGetElement(attributes,element){Object.keys(attributes).forEach(function(attr){attr==="async"?element.async=attributes[attr]:attr==="innerHTML"?element.innerHTML=atob(attributes[attr]):element.setAttribute(attr,attributes[attr])})}__name(bvGetElement,"bvGetElement");function bvAddElement(attr,element){var attributes=attr.attrs;if(attributes.bv_inline_delayed){let bvScriptId=attr.bv_unique_id,bvScriptElement=document.querySelector("[bv_unique_id='"+bvScriptId+"']");bvScriptElement?(!attributes.innerHTML&&!attributes.src&&bvScriptElement.textContent.trim()!==""&&(attributes.src="data:text/javascript;base64, "+btoa(unescape(encodeURIComponent(bvScriptElement.textContent)))),bvGetElement(attributes,element),bvScriptElement.after(element)):console.log(`Script not found for ${bvScriptId}`)}else{bvGetElement(attributes,element);var templateId=attr.bv_unique_id,targetElement=document.querySelector("[id='"+templateId+"']");targetElement&&targetElement.after(element)}}__name(bvAddElement,"bvAddElement");function injectStyles(){if(stylesInjected){console.log("Styles already injected, skipping");return}stylesInjected=!0,document.querySelectorAll('style[type="bv_inline_delayed_css"], template[id]').forEach(element=>{if(element.tagName.toLowerCase()==="style"){var new_style=document.createElement("style");new_style.type="text/css",new_style.textContent=element.textContent,element.after(new_style),new_style.parentNode?element.remove():console.log("PARENT NODE NOT FOUND")}else if(element.tagName.toLowerCase()==="template"){var templateId=element.id,linkStyleAttr=linkStyleAttrs.find(attr=>attr.bv_unique_id===templateId);if(linkStyleAttr){var link=document.createElement("link");bvAddElement(linkStyleAttr,link),element.parentNode&&element.parentNode.replaceChild(link,element),console.log("EXTERNAL STYLE ADDED")}else console.log(`No linkStyleAttr found for template ID ${templateId}`)}}),linkStyleAttrs.forEach((linkStyleAttr,index)=>{console.log("STYLE ADDED");var element=document.createElement("link");bvAddElement(linkStyleAttr,element)})}__name(injectStyles,"injectStyles");function injectScripts(){if(scriptsInjected){console.log("Scripts already injected, skipping");return}scriptsInjected=!0;let last_script_element;scriptAttrs.forEach((scriptAttr,index)=>{if(bv_custom_ready_state_value==="loading"&&scriptAttr.attrs&&scriptAttr.attrs.is_first_defer_element===!0)if(last_script_element){const readyStateScript=document.createElement("script");readyStateScript.src="data:text/javascript;base64, "+btoa(unescape(encodeURIComponent("bv_custom_ready_state_value = 'interactive';"))),readyStateScript.async=!1,last_script_element.after(readyStateScript)}else bv_custom_ready_state_value="interactive",console.log('Ready state manually set to "interactive"');console.log("JS ADDED");var element=document.createElement("script");last_script_element=element,bvAddElement(scriptAttr,element)})}__name(injectScripts,"injectScripts");function bvEventHandler(){console.log("EVENT FIRED"),js_dom_loaded&&bvEventCalled&&workerFinished&&!functionExec&&(functionExec=!0,injectStyles(),injectScripts(),removeEventListeners())}__name(bvEventHandler,"bvEventHandler");function autoInjectScriptsAfterLoad(){js_dom_loaded&&workerFinished&&!scriptsInjected&&!stylesInjected&&(console.log("Auto-injecting styles and scripts after timer"),injectStyles(),injectScripts())}__name(autoInjectScriptsAfterLoad,"autoInjectScriptsAfterLoad");function startAutoInjectTimer(){if(BV_AUTO_INJECT_ENABLED&&!autoInjectTimerStarted&&bv_load_event_fired&&!bvEventCalled){autoInjectTimerStarted=!0;var delay=isMobileDevice()?BV_MOBILE_AUTO_INJECT_DELAY:BV_DESKTOP_AUTO_INJECT_DELAY;console.log("Starting auto-inject timer with delay: "+delay+"ms"),setTimeout(function(){autoInjectScriptsAfterLoad()},delay)}}__name(startAutoInjectTimer,"startAutoInjectTimer"),addEventListeners(bvEventHandler);var requestObject=window.URL||window.webkitURL,bvWorker=new Worker(requestObject.createObjectURL(new Blob([document.getElementById("bv-web-worker").textContent],{type:"text/javascript"})));bvWorker.onmessage=function(e){e.data.status==="SUCCESS"&&(console.log("WORKER_FINISHED"),workerFinished=!0,bvEventHandler(),startAutoInjectTimer())},addEventListener("load",()=>{bvEventHandler(),bv_call_fetch_urls(),bv_load_event_fired=!0});function bv_call_fetch_urls(){!bv_load_event_fired&&!workerFinished&&(bvWorker.postMessage({fetch_urls:fetchUrls}),bv_initiate_worker_timer())}__name(bv_call_fetch_urls,"bv_call_fetch_urls"),setTimeout(function(){bv_call_fetch_urls()},5e3);function bv_initiate_worker_timer(){setTimeout(function(){workerFinished||(console.log("WORKER_TIMEDOUT"),workerFinished=!0,bvWorker.terminate()),bvEventHandler(),startAutoInjectTimer()},BV_WORKER_TIMEOUT_DURATION)}__name(bv_initiate_worker_timer,"bv_initiate_worker_timer");
</script>
\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Pergolas Gallery \u2013 Interactive<\/title>\r\n  <style>\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n    body { \r\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \r\n      background: #ffffff; \r\n      padding: 0;\r\n      margin: 0;\r\n      min-height: 100vh;\r\n    }\r\n    .container { max-width: 100%; margin: 0; padding: 0; }\r\n\r\n    \/* Header *\/\r\n    .gallery-header {\r\n      text-align: center;\r\n      margin-bottom: 40px;\r\n      animation: slideDown 0.6s ease-out;\r\n      padding: 40px 20px;\r\n      background: linear-gradient(135deg, #f26522 0%, #ff8c42 100%);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .gallery-header::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -50%;\r\n      left: -50%;\r\n      width: 200%;\r\n      height: 200%;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n      animation: rotate 20s linear infinite;\r\n    }\r\n    .gallery-header h1 {\r\n      color: #ffffff;\r\n      font-size: 3em;\r\n      margin-bottom: 15px;\r\n      text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\r\n      position: relative;\r\n      z-index: 1;\r\n      animation: titlePulse 3s ease-in-out infinite;\r\n    }\r\n    .gallery-header p {\r\n      color: #ffffff;\r\n      font-size: 1.3em;\r\n      position: relative;\r\n      z-index: 1;\r\n      text-shadow: 1px 1px 4px rgba(0,0,0,0.2);\r\n      animation: subtitleSlide 2s ease-in-out infinite;\r\n    }\r\n    .floating-particles {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      left: 0;\r\n      pointer-events: none;\r\n    }\r\n    .particle {\r\n      position: absolute;\r\n      background: rgba(255,255,255,0.3);\r\n      border-radius: 50%;\r\n      animation: float 6s ease-in-out infinite;\r\n    }\r\n    .particle:nth-child(1) { width: 8px; height: 8px; left: 10%; animation-delay: 0s; }\r\n    .particle:nth-child(2) { width: 12px; height: 12px; left: 30%; animation-delay: 1s; }\r\n    .particle:nth-child(3) { width: 6px; height: 6px; left: 50%; animation-delay: 2s; }\r\n    .particle:nth-child(4) { width: 10px; height: 10px; left: 70%; animation-delay: 3s; }\r\n    .particle:nth-child(5) { width: 8px; height: 8px; left: 90%; animation-delay: 4s; }\r\n\r\n    \/* Layout *\/\r\n    .content-wrapper {\r\n      display: flex;\r\n      gap: 40px;\r\n      align-items: flex-start;\r\n      padding: 0 20px 20px 20px;\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n    }\r\n    .gallery-wrapper { \r\n      flex: 1.5; \r\n      max-width: 900px;\r\n      animation: slideInLeft 0.8s ease-out;\r\n    }\r\n    .info-space { \r\n      flex: 1;\r\n      animation: slideInRight 0.8s ease-out;\r\n    }\r\n\r\n    \/* Main Image Container *\/\r\n    .product-gallery { \r\n      position: relative; \r\n      width: 100%;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n      background: #fff;\r\n    }\r\n    \r\n    .gallery-image {\r\n      width: 100%; \r\n      aspect-ratio: 16\/10;\r\n      display: none; \r\n      cursor: zoom-in;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    \r\n    .gallery-image.active { \r\n      display: block; \r\n      animation: zoomFade 0.6s ease-out;\r\n    }\r\n    \r\n    .gallery-image img { \r\n      width: 100%; \r\n      height: 100%; \r\n      object-fit: cover;\r\n      display: block; \r\n      transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .gallery-image:hover img { \r\n      transform: scale(1.08);\r\n    }\r\n\r\n    \/* Image Counter *\/\r\n    .image-counter {\r\n      position: absolute;\r\n      bottom: 15px;\r\n      right: 15px;\r\n      background: rgba(0,0,0,0.7);\r\n      color: white;\r\n      padding: 8px 15px;\r\n      border-radius: 20px;\r\n      font-size: 14px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* Navigation Arrows *\/\r\n    .nav-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      background: rgba(242, 101, 34, 0.9);\r\n      color: white;\r\n      border: none;\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 50%;\r\n      font-size: 24px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.3s;\r\n      z-index: 10;\r\n      box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n      font-family: Arial, sans-serif;\r\n    }\r\n    .nav-arrow:hover {\r\n      background: #d94e1b;\r\n      transform: translateY(-50%) scale(1.15);\r\n    }\r\n    .nav-arrow.prev { \r\n      left: 15px;\r\n    }\r\n    .nav-arrow.prev::before {\r\n      content: '';\r\n      width: 0;\r\n      height: 0;\r\n      border-top: 8px solid transparent;\r\n      border-bottom: 8px solid transparent;\r\n      border-right: 12px solid white;\r\n      display: block;\r\n    }\r\n    .nav-arrow.next { \r\n      right: 15px;\r\n    }\r\n    .nav-arrow.next::before {\r\n      content: '';\r\n      width: 0;\r\n      height: 0;\r\n      border-top: 8px solid transparent;\r\n      border-bottom: 8px solid transparent;\r\n      border-left: 12px solid white;\r\n      display: block;\r\n    }\r\n\r\n    \/* Thumbnails *\/\r\n    .gallery-thumbs {\r\n      display: flex; \r\n      gap: 15px; \r\n      flex-wrap: wrap; \r\n      justify-content: center; \r\n      margin-top: 20px;\r\n      padding: 20px;\r\n      background: white;\r\n      border-radius: 12px;\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n    }\r\n    \r\n    .gallery-thumbs img {\r\n      width: 90px; \r\n      height: 90px; \r\n      object-fit: cover; \r\n      border-radius: 12px; \r\n      cursor: pointer;\r\n      border: 3px solid transparent; \r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n      position: relative;\r\n    }\r\n    \r\n    .gallery-thumbs img:hover { \r\n      transform: translateY(-8px) scale(1.15); \r\n      box-shadow: 0 8px 20px rgba(242, 101, 34, 0.4);\r\n      border-color: #f26522;\r\n    }\r\n    \r\n    .gallery-thumbs img.active { \r\n      border: 3px solid #f26522; \r\n      transform: scale(1.1);\r\n      box-shadow: 0 8px 20px rgba(242, 101, 34, 0.5);\r\n    }\r\n\r\n    \/* Info Panel *\/\r\n    .info-panel {\r\n      background: white;\r\n      padding: 30px;\r\n      border-radius: 16px;\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n    }\r\n    .info-panel h2 {\r\n      color: #2c3e50;\r\n      margin-bottom: 15px;\r\n      font-size: 1.8em;\r\n    }\r\n    .info-panel p {\r\n      color: #555;\r\n      line-height: 1.8;\r\n      margin-bottom: 15px;\r\n    }\r\n    .info-panel ul {\r\n      list-style: none;\r\n      padding-left: 0;\r\n    }\r\n    .info-panel li {\r\n      padding: 10px 0;\r\n      color: #555;\r\n      border-bottom: 1px solid #eee;\r\n    }\r\n    .info-panel li:before {\r\n      content: \"\u25cf \";\r\n      color: #f26522;\r\n      font-weight: bold;\r\n      margin-right: 10px;\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .modal {\r\n      display: none; \r\n      position: fixed; \r\n      top: 0; \r\n      left: 0; \r\n      width: 100%; \r\n      height: 100%;\r\n      background: rgba(0,0,0,0.95); \r\n      justify-content: center; \r\n      align-items: center;\r\n      z-index: 1000; \r\n      padding: 20px;\r\n      animation: fadeIn 0.3s;\r\n    }\r\n    .modal.active { display: flex; }\r\n    \r\n    .modal-content { \r\n      max-width: 95%; \r\n      max-height: 95%; \r\n      border-radius: 12px;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n      animation: zoomIn 0.4s ease-out;\r\n    }\r\n    \r\n    .modal-close {\r\n      position: absolute; \r\n      top: 30px; \r\n      right: 30px; \r\n      background: #f26522; \r\n      color: #fff;\r\n      border: none; \r\n      width: 60px; \r\n      height: 60px; \r\n      border-radius: 50%; \r\n      font-size: 28px;\r\n      cursor: pointer; \r\n      display: flex; \r\n      align-items: center; \r\n      justify-content: center;\r\n      box-shadow: 0 6px 20px rgba(0,0,0,0.4); \r\n      transition: all 0.3s;\r\n      font-weight: bold;\r\n    }\r\n    .modal-close:hover { \r\n      background: #d94e1b; \r\n      transform: rotate(90deg) scale(1.15);\r\n    }\r\n\r\n    \/* Animations *\/\r\n    @keyframes fadeIn { \r\n      from { opacity: 0; } \r\n      to { opacity: 1; } \r\n    }\r\n    @keyframes zoomFade { \r\n      from { opacity: 0; transform: scale(0.9); } \r\n      to { opacity: 1; transform: scale(1); } \r\n    }\r\n    @keyframes zoomIn { \r\n      from { transform: scale(0.8); opacity: 0; } \r\n      to { transform: scale(1); opacity: 1; } \r\n    }\r\n    @keyframes slideDown {\r\n      from { transform: translateY(-30px); opacity: 0; }\r\n      to { transform: translateY(0); opacity: 1; }\r\n    }\r\n    @keyframes slideInLeft {\r\n      from { transform: translateX(-50px); opacity: 0; }\r\n      to { transform: translateX(0); opacity: 1; }\r\n    }\r\n    @keyframes slideInRight {\r\n      from { transform: translateX(50px); opacity: 0; }\r\n      to { transform: translateX(0); opacity: 1; }\r\n    }\r\n    @keyframes rotate {\r\n      from { transform: rotate(0deg); }\r\n      to { transform: rotate(360deg); }\r\n    }\r\n    @keyframes titlePulse {\r\n      0%, 100% { transform: scale(1); }\r\n      50% { transform: scale(1.03); }\r\n    }\r\n    @keyframes subtitleSlide {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-5px); }\r\n    }\r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }\r\n      50% { transform: translateY(-30px) scale(1.2); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Progress Bar *\/\r\n    .progress-bar {\r\n      height: 4px;\r\n      background: #e0e0e0;\r\n      margin-top: 10px;\r\n      border-radius: 2px;\r\n      overflow: hidden;\r\n    }\r\n    .progress-fill {\r\n      height: 100%;\r\n      background: linear-gradient(90deg, #f26522, #ff8c42);\r\n      width: 0%;\r\n      transition: width 0.1s linear;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 968px) {\r\n      .content-wrapper { flex-direction: column; align-items: center; }\r\n      .gallery-wrapper, .info-space { max-width: 100%; width: 100%; }\r\n      .gallery-header h1 { font-size: 2.2em; }\r\n      .gallery-header p { font-size: 1.1em; }\r\n    }\r\n    \r\n    @media (max-width: 600px) {\r\n      .gallery-thumbs img { width: 70px; height: 70px; }\r\n      .nav-arrow { width: 40px; height: 40px; font-size: 20px; }\r\n      .info-panel { padding: 20px; }\r\n      .gallery-header h1 { font-size: 1.8em; }\r\n      .gallery-header p { font-size: 1em; }\r\n      .gallery-header { padding: 30px 15px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"gallery-header\">\r\n      <div class=\"floating-particles\">\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n      <\/div>\r\n      <h1>Premium Skylight<\/h1>\r\n      <p>Explore our stunning collection of modern designs<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"content-wrapper\">\r\n\r\n      \r\n      <div class=\"gallery-wrapper\">\r\n        <div class=\"product-gallery\">\r\n          <button class=\"nav-arrow prev\" onclick=\"prevImage()\"><\/button>\r\n          <button class=\"nav-arrow next\" onclick=\"nextImage()\"><\/button>\r\n          \r\n          <div class=\"gallery-image active\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg\" alt=\"Skylight Pergola\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">1<\/span> \/ <span id=\"totalImg\">2<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"gallery-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/skylight-glass--scaled.jpg\" alt=\"Skylight Glass Pergola\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">2<\/span> \/ <span id=\"totalImg\">2<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"progress-bar\">\r\n          <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-thumbs\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg\" class=\"active\" data-index=\"0\" alt=\"Thumbnail 1\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/skylight-glass--scaled.jpg\" data-index=\"1\" alt=\"Thumbnail 2\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      \r\n      <div class=\"info-space\">\r\n        <div class=\"info-panel\">\r\n\r\n          <p>ElHejaz Skylight provides an innovative solution to bring natural light into your home or business. Designed for both aesthetics and energy efficiency, these skylights help to create brighter, more open spaces, reducing the need for artificial lighting during the day.<\/p>\r\n          <p>ElHejaz Skylight available in a wide range of shapes and sizes, from fixed to operable designs, our skylights offer excellent insulation and weather resistance, making them suitable for all climates.<\/p>\r\n          \r\n          <h3 style=\"color: #f26522; margin-top: 20px; margin-bottom: 10px;\">Applications:<\/h3>\r\n          <ul>\r\n            <li>Dome<\/li>\r\n            <li>Flat<\/li>\r\n            <li>Hidden Ridge<\/li>\r\n            <li>Pyramid<\/li>\r\n            <li>Single Slope<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  \r\n  <div class=\"modal\" id=\"imageModal\">\r\n    <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\r\n    <img decoding=\"async\" class=\"modal-content\" id=\"modalImage\" src=\"\" alt=\"Zoomed Image\">\r\n  <\/div>\r\n\r\n  <script>\r\n    const gallery = document.querySelector('.product-gallery');\r\n    const images = gallery.querySelectorAll('.gallery-image');\r\n    const thumbs = document.querySelectorAll('.gallery-thumbs img');\r\n    const modal = document.getElementById('imageModal');\r\n    const modalImg = document.getElementById('modalImage');\r\n    const progressFill = document.getElementById('progressFill');\r\n    let cur = 0;\r\n    let interval;\r\n    let progressInterval;\r\n    const autoPlayDelay = 5000;\r\n\r\n    function updateProgress() {\r\n      let progress = 0;\r\n      clearInterval(progressInterval);\r\n      progressFill.style.width = '0%';\r\n      \r\n      progressInterval = setInterval(() => {\r\n        progress += 100 \/ (autoPlayDelay \/ 100);\r\n        progressFill.style.width = progress + '%';\r\n        if (progress >= 100) {\r\n          clearInterval(progressInterval);\r\n        }\r\n      }, 100);\r\n    }\r\n\r\n    function show(i) {\r\n      images.forEach(el => el.classList.remove('active'));\r\n      thumbs.forEach(el => el.classList.remove('active'));\r\n      images[i].classList.add('active');\r\n      thumbs[i].classList.add('active');\r\n      cur = i;\r\n      updateProgress();\r\n    }\r\n\r\n    function nextImage() {\r\n      clearInterval(interval);\r\n      show((cur + 1) % images.length);\r\n      startAutoPlay();\r\n    }\r\n\r\n    function prevImage() {\r\n      clearInterval(interval);\r\n      show((cur - 1 + images.length) % images.length);\r\n      startAutoPlay();\r\n    }\r\n\r\n    function startAutoPlay() {\r\n      clearInterval(interval);\r\n      interval = setInterval(nextImage, autoPlayDelay);\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n      clearInterval(interval);\r\n      clearInterval(progressInterval);\r\n    }\r\n\r\n    function closeModal() {\r\n      modal.classList.remove('active');\r\n      startAutoPlay();\r\n    }\r\n\r\n    \/\/ Thumbnail clicks\r\n    thumbs.forEach(t => t.addEventListener('click', () => {\r\n      stopAutoPlay();\r\n      show(+t.dataset.index);\r\n      startAutoPlay();\r\n    }));\r\n\r\n    \/\/ Image clicks to zoom\r\n    images.forEach(img => img.addEventListener('click', () => {\r\n      modalImg.src = img.querySelector('img').src;\r\n      modal.classList.add('active');\r\n      stopAutoPlay();\r\n    }));\r\n\r\n    \/\/ Modal close\r\n    modal.addEventListener('click', e => {\r\n      if (e.target === modal || e.target.classList.contains('modal-close')) {\r\n        closeModal();\r\n      }\r\n    });\r\n\r\n    \/\/ Keyboard navigation\r\n    document.addEventListener('keydown', (e) => {\r\n      if (modal.classList.contains('active')) {\r\n        if (e.key === 'Escape') closeModal();\r\n      } else {\r\n        if (e.key === 'ArrowRight') nextImage();\r\n        if (e.key === 'ArrowLeft') prevImage();\r\n      }\r\n    });\r\n\r\n    \/\/ Pause on hover\r\n    gallery.addEventListener('mouseenter', stopAutoPlay);\r\n    gallery.addEventListener('mouseleave', startAutoPlay);\r\n\r\n    \/\/ Start autoplay and progress\r\n    startAutoPlay();\r\n    updateProgress();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pergolas Gallery \u2013 Interactive Premium Skylight Explore our stunning collection of modern designs 1 \/ 2 2 \/ 2 ElHejaz Skylight provides an innovative solution to bring natural light into your home or business. Designed for both aesthetics and energy efficiency, these skylights help to create brighter, more open spaces, reducing the need for artificial [&hellip;]<\/p>\n","protected":false},"author":227,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16799","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Skylight - El hejaz Company<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elhejaz.com\/ar\/skylight-2\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Skylight - El hejaz Company\" \/>\n<meta property=\"og:description\" content=\"Pergolas Gallery \u2013 Interactive Premium Skylight Explore our stunning collection of modern designs 1 \/ 2 2 \/ 2 ElHejaz Skylight provides an innovative solution to bring natural light into your home or business. Designed for both aesthetics and energy efficiency, these skylights help to create brighter, more open spaces, reducing the need for artificial [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elhejaz.com\/ar\/skylight-2\/\" \/>\n<meta property=\"og:site_name\" content=\"El hejaz Company\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Elhejaz\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T20:02:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elhejaz.com\/skylight-2\/\",\"url\":\"https:\/\/elhejaz.com\/skylight-2\/\",\"name\":\"Skylight - El hejaz Company\",\"isPartOf\":{\"@id\":\"https:\/\/elhejaz.com\/ar\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elhejaz.com\/skylight-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elhejaz.com\/skylight-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg\",\"datePublished\":\"2025-11-02T21:10:54+00:00\",\"dateModified\":\"2025-12-28T20:02:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/elhejaz.com\/skylight-2\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elhejaz.com\/skylight-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/elhejaz.com\/skylight-2\/#primaryimage\",\"url\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg\",\"contentUrl\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elhejaz.com\/skylight-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elhejaz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Skylight\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elhejaz.com\/ar\/#website\",\"url\":\"https:\/\/elhejaz.com\/ar\/\",\"name\":\"El hejaz Company\",\"description\":\"More than just good \u2026 It\u2019s art.\",\"publisher\":{\"@id\":\"https:\/\/elhejaz.com\/ar\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elhejaz.com\/ar\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elhejaz.com\/ar\/#organization\",\"name\":\"El hejaz Company\",\"url\":\"https:\/\/elhejaz.com\/ar\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp\",\"contentUrl\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp\",\"width\":186,\"height\":22,\"caption\":\"El hejaz Company\"},\"image\":{\"@id\":\"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Elhejaz\"]}]}<\/script>\n","yoast_head_json":{"title":"Skylight - El hejaz Company","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elhejaz.com\/ar\/skylight-2\/","og_locale":"ar_AR","og_type":"article","og_title":"Skylight - El hejaz Company","og_description":"Pergolas Gallery \u2013 Interactive Premium Skylight Explore our stunning collection of modern designs 1 \/ 2 2 \/ 2 ElHejaz Skylight provides an innovative solution to bring natural light into your home or business. Designed for both aesthetics and energy efficiency, these skylights help to create brighter, more open spaces, reducing the need for artificial [&hellip;]","og_url":"https:\/\/elhejaz.com\/ar\/skylight-2\/","og_site_name":"El hejaz Company","article_publisher":"https:\/\/www.facebook.com\/Elhejaz","article_modified_time":"2025-12-28T20:02:32+00:00","og_image":[{"url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"7 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elhejaz.com\/skylight-2\/","url":"https:\/\/elhejaz.com\/skylight-2\/","name":"Skylight - El hejaz Company","isPartOf":{"@id":"https:\/\/elhejaz.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elhejaz.com\/skylight-2\/#primaryimage"},"image":{"@id":"https:\/\/elhejaz.com\/skylight-2\/#primaryimage"},"thumbnailUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg","datePublished":"2025-11-02T21:10:54+00:00","dateModified":"2025-12-28T20:02:32+00:00","breadcrumb":{"@id":"https:\/\/elhejaz.com\/skylight-2\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elhejaz.com\/skylight-2\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/elhejaz.com\/skylight-2\/#primaryimage","url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg","contentUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/11\/Skylight-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/elhejaz.com\/skylight-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elhejaz.com\/"},{"@type":"ListItem","position":2,"name":"Skylight"}]},{"@type":"WebSite","@id":"https:\/\/elhejaz.com\/ar\/#website","url":"https:\/\/elhejaz.com\/ar\/","name":"El hejaz Company","description":"\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u062c\u064a\u062f ... \u0625\u0646\u0647 \u0641\u0646.","publisher":{"@id":"https:\/\/elhejaz.com\/ar\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elhejaz.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/elhejaz.com\/ar\/#organization","name":"El hejaz Company","url":"https:\/\/elhejaz.com\/ar\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/","url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp","contentUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp","width":186,"height":22,"caption":"El hejaz Company"},"image":{"@id":"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Elhejaz"]}]}},"_links":{"self":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/users\/227"}],"replies":[{"embeddable":true,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/comments?post=16799"}],"version-history":[{"count":22,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16799\/revisions"}],"predecessor-version":[{"id":17852,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16799\/revisions\/17852"}],"wp:attachment":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/media?parent=16799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69bc82fe1906364e4fd74acc. Config Timestamp: 2026-03-19 23:13:01 UTC, Cached Timestamp: 2026-04-20 04:41:55 UTC -->