{"id":16782,"date":"2025-11-02T23:57:12","date_gmt":"2025-11-02T20:57:12","guid":{"rendered":"https:\/\/elhejaz.com\/?page_id=16782"},"modified":"2026-05-18T17:06:40","modified_gmt":"2026-05-18T14:06:40","slug":"glass-rooms","status":"publish","type":"page","link":"https:\/\/elhejaz.com\/ar\/glass-rooms\/","title":{"rendered":"\u063a\u0631\u0641 \u0632\u062c\u0627\u062c\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16782\" class=\"elementor elementor-16782\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a27273 e-flex e-con-boxed e-con e-parent\" data-id=\"7a27273\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07518c2 elementor-widget elementor-widget-spacer\" data-id=\"07518c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>ElHejaz Glass Rooms<\/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 {\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: \"\u2022 \";\r\n      color: #f26522;\r\n      font-weight: bold;\r\n      margin-right: 10px;\r\n      font-size: 1.2em;\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>Glass Rooms<\/h1>\r\n<h2>Elegance Meets Functionality<\/h2>    <\/div>\r\n\r\n    <div class=\"content-wrapper\">\r\n\r\n      <!-- GALLERY ON THE LEFT -->\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\/08\/DSCF8900-scaled.jpg\" alt=\"Glass Room 1\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">1<\/span> \/ <span id=\"totalImg\">3<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"gallery-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8910-scaled.jpg\" alt=\"Glass Room 2\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">2<\/span> \/ <span id=\"totalImg\">3<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"gallery-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/06\/glasss-rooom.jpg\" alt=\"Glass Room 3\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">3<\/span> \/ <span id=\"totalImg\">3<\/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\/08\/DSCF8900-scaled.jpg\" class=\"active\" data-index=\"0\" alt=\"Thumbnail 1\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8910-scaled.jpg\" data-index=\"1\" alt=\"Thumbnail 2\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/06\/glasss-rooom.jpg\" data-index=\"2\" alt=\"Thumbnail 3\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- INFO PANEL ON RIGHT -->\r\n      <div class=\"info-space\">\r\n        <div class=\"info-panel\">\r\n       \r\n          <p>ElHejaz glass rooms are an ideal combination between elegance and functionality; The glass panels can be customized as fixed, sliding, or folding, giving you complete control over ventilation and privacy.<\/p>\r\n          <p>Use it as a sunroom, home office, dining area, or simply a peaceful retreat.<\/p>\r\n          \r\n          <h3 style=\"color: #f26522; margin-top: 20px; margin-bottom: 10px;\">Features:<\/h3>\r\n          <ul>\r\n            <li>Elegant structure built with a durable aluminum frame<\/li>\r\n            <li>Floor to ceiling tempered safety glass<\/li>\r\n            <li>Room to add integrated LED lighting & curtains<\/li>\r\n            <li>Weather resistant<\/li>\r\n            <li>Built-in drainage system<\/li>\r\n            <li>Sleek & Modern designs<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ZOOM MODAL -->\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>ElHejaz Glass Rooms Glass Rooms Elegance Meets Functionality 1 \/ 3 2 \/ 3 3 \/ 3 ElHejaz glass rooms are an ideal combination between elegance and functionality; The glass panels can be customized as fixed, sliding, or folding, giving you complete control over ventilation and privacy. Use it as a sunroom, home office, dining [&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-16782","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Glass Rooms - El hejaz Company<\/title>\n<meta name=\"description\" content=\"El Hejaz offers premium glass rooms in Egypt designed for luxury outdoor living, durability, and modern aesthetics. Transform your space with elegant glass room solutions today.\" \/>\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\/glass-rooms\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Glass Rooms - El hejaz Company\" \/>\n<meta property=\"og:description\" content=\"El Hejaz offers premium glass rooms in Egypt designed for luxury outdoor living, durability, and modern aesthetics. Transform your space with elegant glass room solutions today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elhejaz.com\/ar\/glass-rooms\/\" \/>\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=\"2026-05-18T14:06:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-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=\"8 \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\\\/glass-rooms\\\/\",\"url\":\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/\",\"name\":\"Glass Rooms - El hejaz Company\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elhejaz.com\\\/ar\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elhejaz.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/DSCF8900-scaled.jpg\",\"datePublished\":\"2025-11-02T20:57:12+00:00\",\"dateModified\":\"2026-05-18T14:06:40+00:00\",\"description\":\"El Hejaz offers premium glass rooms in Egypt designed for luxury outdoor living, durability, and modern aesthetics. Transform your space with elegant glass room solutions today.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elhejaz.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/DSCF8900-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/elhejaz.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/DSCF8900-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elhejaz.com\\\/glass-rooms\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/elhejaz.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Glass Rooms\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Glass Rooms - El hejaz Company","description":"El Hejaz offers premium glass rooms in Egypt designed for luxury outdoor living, durability, and modern aesthetics. Transform your space with elegant glass room solutions today.","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\/glass-rooms\/","og_locale":"ar_AR","og_type":"article","og_title":"Glass Rooms - El hejaz Company","og_description":"El Hejaz offers premium glass rooms in Egypt designed for luxury outdoor living, durability, and modern aesthetics. Transform your space with elegant glass room solutions today.","og_url":"https:\/\/elhejaz.com\/ar\/glass-rooms\/","og_site_name":"El hejaz Company","article_publisher":"https:\/\/www.facebook.com\/Elhejaz","article_modified_time":"2026-05-18T14:06:40+00:00","og_image":[{"url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-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":"8 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elhejaz.com\/glass-rooms\/","url":"https:\/\/elhejaz.com\/glass-rooms\/","name":"Glass Rooms - El hejaz Company","isPartOf":{"@id":"https:\/\/elhejaz.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage"},"image":{"@id":"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage"},"thumbnailUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg","datePublished":"2025-11-02T20:57:12+00:00","dateModified":"2026-05-18T14:06:40+00:00","description":"El Hejaz offers premium glass rooms in Egypt designed for luxury outdoor living, durability, and modern aesthetics. Transform your space with elegant glass room solutions today.","breadcrumb":{"@id":"https:\/\/elhejaz.com\/glass-rooms\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elhejaz.com\/glass-rooms\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage","url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg","contentUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/elhejaz.com\/glass-rooms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elhejaz.com\/"},{"@type":"ListItem","position":2,"name":"Glass Rooms"}]},{"@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\/16782","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=16782"}],"version-history":[{"count":35,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16782\/revisions"}],"predecessor-version":[{"id":17976,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16782\/revisions\/17976"}],"wp:attachment":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/media?parent=16782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}