Our branches

Would you like to try our product yourself? Welcome to our branches!

<!-- عناصر الفروع (أعلى) -->

<!-- فرع الرمال (نشط افتراضيًا) --> <button class="wj-chip is-active" role="tab" aria-selected="true" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3620.634925991639!2d46.8088992241494!3d24.842155477941244!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2eff001bdb76ef%3A0xac0c94c20befba39!2z2YjYrNmH2KrZgyDYp9mE2KfZiNmE2Ykg2YTZhNin2KrYtdin2YTYp9iqICgg2YHYsdi5INin2YTYsdmF2KfZhCAp!5e0!3m2!1sar!2ssa!4v1758354630561!5m2!1sar!2ssa">Al Ramal Branch , Riyadh - Al Ramal</button><!-- فرع العارض --> <button class="wj-chip" role="tab" aria-selected="false" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4090.538113864995!2d46.6187936!3d24.888498600000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2eefa2451f1db5%3A0x308a3f7958d3785f!2z2YjYrNmH2KrZgyDYp9mE2KfZiNmE2Ykg2YTZhNin2KrYtdin2YTYp9iqIC0g2YHYsdi5INin2YTYudin2LHYtg!5e1!3m2!1sar!2ssa!4v1758356059995!5m2!1sar!2ssa">Al-Areed Branch , Riyadh - Al-Areed</button><!-- الفرع الثالث (بالرابط المعدّل) --> <button class="wj-chip" role="tab" aria-selected="false" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4098.992791850289!2d46.5520874!3d24.6320037!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f1f00412e0b49%3A0xae1b425a00c67d5e!2z2YjYrNmH2KrZgyDYp9mE2KfZiNmE2YkgLtis2YjYp9mE2KfYqiDYrdin2LPYqCDYqNmE2KfZitiz2KrZiti02YY!5e1!3m2!1sar!2ssa!4v1758356644033!5m2!1sar!2ssa">Branch 3 Riyadh</button> <!-- لو في فرع رابع: انسخ زر أعلاه وغيّر data-src والاسمين -->

<!-- الخريطة (أسفل) -->

<style> .wj-title{margin:0 0 10px;text-align:center;font-size:clamp(18px,2.4vw,26px)} .wj-chips{ display:flex;gap:10px;overflow:auto;padding:6px;border:1px solid #e5e7eb; border-radius:14px;background:#fff;scroll-snap-type:x mandatory } .wj-chips::-webkit-scrollbar{height:8px} .wj-chip{ scroll-snap-align:start;white-space:nowrap;display:flex;flex-direction:column; gap:2px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:12px; background:#f9fafb;cursor:pointer;font-weight:700 } .wj-chip small{font-weight:600;color:#64748b} .wj-chip.is-active{border-color:#0ea5e9;background:#e0f2fe} .wj-mapwrap{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb} .wj-map{width:100%;height:440px;border:0;display:block} @media(min-width:1024px){ .wj-map{height:560px} } </style> { const frame = document.getElementById('wj-mapframe'); const chips = document.querySelectorAll('.wj-chip'); chips.forEach(chip=>{ chip.addEventListener('click', ()=>{ chips.forEach(c=>{ c.classList.remove('is-active'); c.setAttribute('aria-selected','false'); }); chip.classList.add('is-active'); chip.setAttribute('aria-selected','true'); const src = chip.getAttribute('data-src'); if (src && frame.src !== src) frame.src = src; // تمركز الزر المختار عند السحب الأفقي chip.scrollIntoView({inline:'center', 'smooth', block:'nearest'}); }); }); });