\u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a - \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n scroll-behavior: smooth;\r\n background-color: #f8fafc;\r\n }\r\n\r\n .service-card {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #3b82f6;\r\n box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.1);\r\n }\r\n\r\n \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u0631 \u0644\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0627\u062e\u062a\u0641\u0627\u0621 *\/\r\n html[lang=\"ar\"] [lang=\"en\"] {\r\n display: none !important;\r\n }\r\n\r\n html[lang=\"en\"] [lang=\"ar\"] {\r\n display: none !important;\r\n }\r\n\r\n html[lang=\"en\"] {\r\n direction: ltr;\r\n }\r\n\r\n html[lang=\"ar\"] {\r\n direction: rtl;\r\n }\r\n\r\n .modal-overlay {\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .grid-cols-custom {\r\n grid-template-cols: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen text-slate-800\">\r\n <section class=\"py-12 px-4 md:px-8 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <span class=\"inline-block px-4 py-1.5 mb-4 text-sm font-bold tracking-wide text-blue-600 uppercase bg-blue-50 rounded-full\">\r\n <span lang=\"ar\">\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0627\u0626\u0642\u0629<\/span>\r\n <span lang=\"en\">Premium Medical Care<\/span>\r\n <\/span>\r\n <h1 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 mb-6\">\r\n <span lang=\"ar\">\u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629<\/span>\r\n <span lang=\"en\">Ro'ya Hospital Specialized Services<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-slate-600 max-w-2xl mx-auto font-medium\">\r\n <span lang=\"ar\">\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0648\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628 \u0627\u0644\u0639\u064a\u0648\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\u0645<\/span>\r\n <span lang=\"en\">Elite consultants and the latest ophthalmology technologies at your service<\/span>\r\n <\/p>\r\n <div class=\"w-24 h-1.5 bg-blue-600 mx-auto rounded-full mt-8\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8\" id=\"servicesContainer\"><\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"bookingModal\" class=\"fixed inset-0 z-50 hidden items-center justify-center p-4 modal-overlay\">\r\n <div class=\"bg-white w-full max-w-lg rounded-3xl shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200\">\r\n <div class=\"bg-blue-600 p-6 text-white flex justify-between items-center\">\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"calendar-days\" class=\"w-6 h-6\"><\/i>\r\n <h3 class=\"text-xl font-bold\">\r\n <span lang=\"ar\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f<\/span>\r\n <span lang=\"en\">Book Appointment<\/span>\r\n <\/h3>\r\n <\/div>\r\n <button onclick=\"closeBooking()\" class=\"hover:bg-blue-500 p-1.5 rounded-full transition-colors\">\r\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"p-6 md:p-8 space-y-5\">\r\n <div class=\"space-y-2\">\r\n <label class=\"block text-sm font-bold text-slate-700\">\r\n <span lang=\"ar\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/span>\r\n <span lang=\"en\">Full Name<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"patientName\" placeholder=\"...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-500 focus:ring-4 focus:ring-blue-100 outline-none transition-all\">\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <label class=\"block text-sm font-bold text-slate-700\">\r\n <span lang=\"ar\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span lang=\"en\">Service<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"selectedService\" readonly class=\"w-full px-4 py-3 rounded-xl border border-slate-100 bg-slate-50 text-slate-500 font-medium cursor-not-allowed\">\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <label class=\"block text-sm font-bold text-slate-700\">\r\n <span lang=\"ar\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0623\u0642\u0631\u0628 \u0625\u0644\u064a\u0643<\/span>\r\n <span lang=\"en\">Select Branch<\/span>\r\n <\/label>\r\n <div class=\"grid grid-cols-2 gap-3\" id=\"branchContainer\"><\/div>\r\n <\/div>\r\n\r\n <button onclick=\"sendToWhatsApp()\" class=\"w-full bg-[#25D366] hover:bg-[#1da851] text-white py-4 rounded-2xl flex items-center justify-center gap-3 font-bold text-lg shadow-lg transition-all active:scale-[0.98]\">\r\n <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n <span>\r\n <span lang=\"ar\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0645\u0648\u0639\u062f \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <span lang=\"en\">Confirm via WhatsApp<\/span>\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const services = [\r\n { arT: \"\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631 \u0628\u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0644\u064a\u0632\u0643\", enT: \"Femto-LASIK Vision Correction\", arD: \"\u0648\u062f\u0627\u0639\u0627\u064b \u0644\u0644\u0646\u0638\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0639 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0632\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.\", enD: \"Say goodbye to glasses with the latest global laser technologies.\", icon: \"eye\" },\r\n { arT: \"\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 (\u0627\u0644\u0641\u0627\u0643\u0648)\", enT: \"Cataract Surgery (Phaco)\", arD: \"\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0646\u0642\u0627\u0621 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0632\u0631\u0627\u0639\u0629 \u0623\u062d\u062f\u062b \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0639\u062f\u0633\u0627\u062a.\", enD: \"Restore clear vision with advanced lens implantation.\", icon: \"sparkles\" },\r\n { arT: \"\u0627\u0639\u062a\u0644\u0627\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0627\u0644\u0633\u0643\u0631\u064a\", enT: \"Diabetic Retinopathy\", arD: \"\u0639\u0646\u0627\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0633\u0643\u0631 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0628\u0627\u0644\u0644\u064a\u0632\u0631 \u0648\u0627\u0644\u062d\u0642\u0646.\", enD: \"Integrated care for diabetic patients using laser and injections.\", icon: \"activity\" },\r\n { arT: \"\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0644\u0648\u0643\u0648\u0645\u0627 (\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0632\u0631\u0642\u0627\u0621)\", enT: \"Glaucoma Treatment\", arD: \"\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0639\u0635\u0628 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u0642\u064a\u0627\u0633 \u0636\u063a\u0637 \u0627\u0644\u0639\u064a\u0646 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629.\", enD: \"Protect the optic nerve and measure eye pressure.\", icon: \"shield-check\" },\r\n { arT: \"\u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0631\u0648\u0637\u064a\u0629\", enT: \"Keratoconus Clinic\", arD: \"\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u062d\u0644\u0642\u0627\u062a \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062c\u0647\u0631\u064a\u0629.\", enD: \"Corneal cross-linking and ring implantation.\", icon: \"layers\" },\r\n { arT: \"\u0637\u0628 \u0639\u064a\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u062d\u0648\u0644\", enT: \"Pediatric & Strabismus\", arD: \"\u0648\u062d\u062f\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0639\u0644\u0627\u062c \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0625\u0628\u0635\u0627\u0631 \u0644\u062f\u0649 \u0627\u0644\u0623\u0637\u0641\u0627\u0644.\", enD: \"Specialized unit for children's vision problems.\", icon: \"baby\" },\r\n { arT: \"\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\", enT: \"Retinal & Vitreous Surgery\", arD: \"\u0639\u0645\u0644\u064a\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0639\u0644\u0627\u062c \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u0646\u0632\u064a\u0641.\", enD: \"Precision surgeries for retinal detachment.\", icon: \"microscope\" },\r\n { arT: \"\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0639\u064a\u0646 \u0648\u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0645\u0639\u064a\u0629\", enT: \"Oculoplastics\", arD: \"\u0639\u0644\u0627\u062c \u0627\u0646\u0633\u062f\u0627\u062f \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0645\u0639\u064a\u0629 \u0648\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0623\u062c\u0641\u0627\u0646.\", enD: \"Tear duct treatments and eyelid surgeries.\", icon: \"user-check\" },\r\n { arT: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0648\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", enT: \"Diagnostic Imaging\", arD: \"\u062a\u0635\u0648\u064a\u0631 \u0645\u0642\u0637\u0639\u064a \u0648\u0639\u0645\u0644 \u062c\u0645\u064a\u0639 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0639\u064a\u0646 \u0628\u062f\u0642\u0629.\", enD: \"Optical Coherence Tomography and precise eye exams.\", icon: \"search\" }\r\n ];\r\n\r\n const branches = {\r\n \"\u0633\u064a\u0626\u0648\u0646\": \"967774441177\",\r\n \"\u0639\u062f\u0646\": \"967782255557\",\r\n \"\u0627\u0644\u0634\u062d\u0631\": \"967778844766\",\r\n \"\u0627\u0644\u0645\u0643\u0644\u0627\": \"967781765720\"\r\n };\r\n\r\n let selBranch = { n: '', p: '' };\r\n\r\n function init() {\r\n const container = document.getElementById('servicesContainer');\r\n container.innerHTML = services.map(s => `\r\n <div class=\"service-card bg-white rounded-[2rem] p-6 md:p-8 flex flex-col h-full\">\r\n <div class=\"w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-6\">\r\n <i data-lucide=\"${s.icon}\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\r\n <span lang=\"ar\">${s.arT}<\/span>\r\n <span lang=\"en\">${s.enT}<\/span>\r\n <\/h3>\r\n <p class=\"text-slate-500 text-sm leading-relaxed mb-8 flex-grow\">\r\n <span lang=\"ar\">${s.arD}<\/span>\r\n <span lang=\"en\">${s.enD}<\/span>\r\n <\/p>\r\n <button onclick=\"openBooking('${s.arT}','${s.enT}')\" class=\"w-full bg-slate-900 hover:bg-blue-600 text-white py-3.5 rounded-xl font-bold flex items-center justify-center gap-2 transition-all group\">\r\n <span lang=\"ar\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0627\u0644\u0622\u0646<\/span>\r\n <span lang=\"en\">Book Now<\/span>\r\n <i data-lucide=\"arrow-left\" class=\"w-4 h-4 transition-transform group-hover:-translate-x-1\" lang=\"ar\"><\/i>\r\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\" lang=\"en\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `).join('');\r\n\r\n const bContainer = document.getElementById('branchContainer');\r\n bContainer.innerHTML = '';\r\n Object.entries(branches).forEach(([name, phone]) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'branch-btn border-2 border-slate-100 p-3 rounded-xl hover:border-blue-300 transition-all font-bold text-sm text-slate-600';\r\n btn.innerText = name;\r\n btn.onclick = () => selectBranch(name, phone, btn);\r\n bContainer.appendChild(btn);\r\n });\r\n lucide.createIcons();\r\n }\r\n\r\n function openBooking(ar, en) {\r\n const isEn = document.documentElement.lang === 'en';\r\n document.getElementById('selectedService').value = isEn ? en : ar;\r\n const modal = document.getElementById('bookingModal');\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n }\r\n\r\n function closeBooking() {\r\n document.getElementById('bookingModal').classList.replace('flex', 'hidden');\r\n resetBranchStyles();\r\n }\r\n\r\n function selectBranch(n, p, el) {\r\n selBranch = { n, p };\r\n resetBranchStyles();\r\n el.classList.add('border-blue-600', 'bg-blue-50', 'text-blue-600');\r\n }\r\n\r\n function resetBranchStyles() {\r\n document.querySelectorAll('.branch-btn').forEach(b => b.classList.remove('border-blue-600', 'bg-blue-50', 'text-blue-600'));\r\n }\r\n\r\n function sendToWhatsApp() {\r\n const name = document.getElementById('patientName').value;\r\n const svc = document.getElementById('selectedService').value;\r\n const isEn = document.documentElement.lang === 'en';\r\n\r\n if (!name) {\r\n alert(isEn ? 'Please enter your name' : '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645');\r\n return;\r\n }\r\n if (!selBranch.p) {\r\n alert(isEn ? 'Please select a branch' : '\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0641\u0631\u0639');\r\n return;\r\n }\r\n\r\n const msg = isEn \r\n ? `Hello, I would like to book an appointment at Ro\\'ya Hospital:\\nName: ${name}\\nService: ${svc}\\nBranch: ${selBranch.n}`\r\n : `\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u064a\u0643\u0645\u060c \u0623\u0631\u063a\u0628 \u0628\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629:\\n\u0627\u0644\u0627\u0633\u0645: ${name}\\n\u0627\u0644\u062e\u062f\u0645\u0629: ${svc}\\n\u0627\u0644\u0641\u0631\u0639: ${selBranch.n}`;\r\n\r\n window.open(`https:\/\/wa.me\/${selBranch.p}?text=${encodeURIComponent(msg)}`, '_blank');\r\n }\r\n\r\n init();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a – \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 Premium Medical Care \u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629 Ro’ya Hospital Specialized Services \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0648\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628 \u0627\u0644\u0639\u064a\u0648\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\u0645 Elite consultants and the latest ophthalmology technologies at your service \u062d\u062c\u0632 \u0645\u0648\u0639\u062f Book Appointment \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 Full Name \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 Service \u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0623\u0642\u0631\u0628 \u0625\u0644\u064a\u0643 Select Branch […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-home.php","meta":{"footnotes":""},"class_list":["post-8301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/comments?post=8301"}],"version-history":[{"count":37,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions"}],"predecessor-version":[{"id":9461,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions\/9461"}],"wp:attachment":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/media?parent=8301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a - \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <style>\r\n body {\r\n font-family: 'Cairo', sans-serif;\r\n scroll-behavior: smooth;\r\n background-color: #f8fafc;\r\n }\r\n\r\n .service-card {\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n border: 1px solid #e2e8f0;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #3b82f6;\r\n box-shadow: 0 20px 25px -5px rgba(59, 130, 246, 0.1);\r\n }\r\n\r\n \/* \u0646\u0638\u0627\u0645 \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u0631 \u0644\u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0627\u062e\u062a\u0641\u0627\u0621 *\/\r\n html[lang=\"ar\"] [lang=\"en\"] {\r\n display: none !important;\r\n }\r\n\r\n html[lang=\"en\"] [lang=\"ar\"] {\r\n display: none !important;\r\n }\r\n\r\n html[lang=\"en\"] {\r\n direction: ltr;\r\n }\r\n\r\n html[lang=\"ar\"] {\r\n direction: rtl;\r\n }\r\n\r\n .modal-overlay {\r\n background: rgba(15, 23, 42, 0.6);\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .grid-cols-custom {\r\n grid-template-cols: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen text-slate-800\">\r\n <section class=\"py-12 px-4 md:px-8 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-12\">\r\n <span class=\"inline-block px-4 py-1.5 mb-4 text-sm font-bold tracking-wide text-blue-600 uppercase bg-blue-50 rounded-full\">\r\n <span lang=\"ar\">\u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0627\u0626\u0642\u0629<\/span>\r\n <span lang=\"en\">Premium Medical Care<\/span>\r\n <\/span>\r\n <h1 class=\"text-3xl md:text-5xl font-extrabold text-slate-900 mb-6\">\r\n <span lang=\"ar\">\u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629<\/span>\r\n <span lang=\"en\">Ro'ya Hospital Specialized Services<\/span>\r\n <\/h1>\r\n <p class=\"text-lg text-slate-600 max-w-2xl mx-auto font-medium\">\r\n <span lang=\"ar\">\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0648\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628 \u0627\u0644\u0639\u064a\u0648\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\u0645<\/span>\r\n <span lang=\"en\">Elite consultants and the latest ophthalmology technologies at your service<\/span>\r\n <\/p>\r\n <div class=\"w-24 h-1.5 bg-blue-600 mx-auto rounded-full mt-8\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8\" id=\"servicesContainer\"><\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"bookingModal\" class=\"fixed inset-0 z-50 hidden items-center justify-center p-4 modal-overlay\">\r\n <div class=\"bg-white w-full max-w-lg rounded-3xl shadow-2xl overflow-hidden animate-in fade-in zoom-in duration-200\">\r\n <div class=\"bg-blue-600 p-6 text-white flex justify-between items-center\">\r\n <div class=\"flex items-center gap-3\">\r\n <i data-lucide=\"calendar-days\" class=\"w-6 h-6\"><\/i>\r\n <h3 class=\"text-xl font-bold\">\r\n <span lang=\"ar\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f<\/span>\r\n <span lang=\"en\">Book Appointment<\/span>\r\n <\/h3>\r\n <\/div>\r\n <button onclick=\"closeBooking()\" class=\"hover:bg-blue-500 p-1.5 rounded-full transition-colors\">\r\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"p-6 md:p-8 space-y-5\">\r\n <div class=\"space-y-2\">\r\n <label class=\"block text-sm font-bold text-slate-700\">\r\n <span lang=\"ar\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/span>\r\n <span lang=\"en\">Full Name<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"patientName\" placeholder=\"...\" class=\"w-full px-4 py-3 rounded-xl border border-slate-200 focus:border-blue-500 focus:ring-4 focus:ring-blue-100 outline-none transition-all\">\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <label class=\"block text-sm font-bold text-slate-700\">\r\n <span lang=\"ar\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629<\/span>\r\n <span lang=\"en\">Service<\/span>\r\n <\/label>\r\n <input type=\"text\" id=\"selectedService\" readonly class=\"w-full px-4 py-3 rounded-xl border border-slate-100 bg-slate-50 text-slate-500 font-medium cursor-not-allowed\">\r\n <\/div>\r\n\r\n <div class=\"space-y-2\">\r\n <label class=\"block text-sm font-bold text-slate-700\">\r\n <span lang=\"ar\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0623\u0642\u0631\u0628 \u0625\u0644\u064a\u0643<\/span>\r\n <span lang=\"en\">Select Branch<\/span>\r\n <\/label>\r\n <div class=\"grid grid-cols-2 gap-3\" id=\"branchContainer\"><\/div>\r\n <\/div>\r\n\r\n <button onclick=\"sendToWhatsApp()\" class=\"w-full bg-[#25D366] hover:bg-[#1da851] text-white py-4 rounded-2xl flex items-center justify-center gap-3 font-bold text-lg shadow-lg transition-all active:scale-[0.98]\">\r\n <i data-lucide=\"send\" class=\"w-5 h-5\"><\/i>\r\n <span>\r\n <span lang=\"ar\">\u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0645\u0648\u0639\u062f \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n <span lang=\"en\">Confirm via WhatsApp<\/span>\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const services = [\r\n { arT: \"\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631 \u0628\u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0644\u064a\u0632\u0643\", enT: \"Femto-LASIK Vision Correction\", arD: \"\u0648\u062f\u0627\u0639\u0627\u064b \u0644\u0644\u0646\u0638\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0628\u064a\u0629 \u0645\u0639 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0644\u064a\u0632\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.\", enD: \"Say goodbye to glasses with the latest global laser technologies.\", icon: \"eye\" },\r\n { arT: \"\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 (\u0627\u0644\u0641\u0627\u0643\u0648)\", enT: \"Cataract Surgery (Phaco)\", arD: \"\u0627\u0633\u062a\u0639\u0627\u062f\u0629 \u0646\u0642\u0627\u0621 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0632\u0631\u0627\u0639\u0629 \u0623\u062d\u062f\u062b \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0639\u062f\u0633\u0627\u062a.\", enD: \"Restore clear vision with advanced lens implantation.\", icon: \"sparkles\" },\r\n { arT: \"\u0627\u0639\u062a\u0644\u0627\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0627\u0644\u0633\u0643\u0631\u064a\", enT: \"Diabetic Retinopathy\", arD: \"\u0639\u0646\u0627\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0631\u0636\u0649 \u0627\u0644\u0633\u0643\u0631 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0628\u0627\u0644\u0644\u064a\u0632\u0631 \u0648\u0627\u0644\u062d\u0642\u0646.\", enD: \"Integrated care for diabetic patients using laser and injections.\", icon: \"activity\" },\r\n { arT: \"\u0639\u0644\u0627\u062c \u0627\u0644\u062c\u0644\u0648\u0643\u0648\u0645\u0627 (\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0632\u0631\u0642\u0627\u0621)\", enT: \"Glaucoma Treatment\", arD: \"\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0639\u0635\u0628 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u0642\u064a\u0627\u0633 \u0636\u063a\u0637 \u0627\u0644\u0639\u064a\u0646 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062c\u0647\u0632\u0629.\", enD: \"Protect the optic nerve and measure eye pressure.\", icon: \"shield-check\" },\r\n { arT: \"\u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0631\u0648\u0637\u064a\u0629\", enT: \"Keratoconus Clinic\", arD: \"\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u062d\u0644\u0642\u0627\u062a \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0645\u062c\u0647\u0631\u064a\u0629.\", enD: \"Corneal cross-linking and ring implantation.\", icon: \"layers\" },\r\n { arT: \"\u0637\u0628 \u0639\u064a\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u062d\u0648\u0644\", enT: \"Pediatric & Strabismus\", arD: \"\u0648\u062d\u062f\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0639\u0644\u0627\u062c \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0625\u0628\u0635\u0627\u0631 \u0644\u062f\u0649 \u0627\u0644\u0623\u0637\u0641\u0627\u0644.\", enD: \"Specialized unit for children's vision problems.\", icon: \"baby\" },\r\n { arT: \"\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u062c\u0633\u0645 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\", enT: \"Retinal & Vitreous Surgery\", arD: \"\u0639\u0645\u0644\u064a\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0639\u0644\u0627\u062c \u0627\u0646\u0641\u0635\u0627\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u0646\u0632\u064a\u0641.\", enD: \"Precision surgeries for retinal detachment.\", icon: \"microscope\" },\r\n { arT: \"\u062a\u062c\u0645\u064a\u0644 \u0627\u0644\u0639\u064a\u0646 \u0648\u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0645\u0639\u064a\u0629\", enT: \"Oculoplastics\", arD: \"\u0639\u0644\u0627\u062c \u0627\u0646\u0633\u062f\u0627\u062f \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0645\u0639\u064a\u0629 \u0648\u062c\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0623\u062c\u0641\u0627\u0646.\", enD: \"Tear duct treatments and eyelid surgeries.\", icon: \"user-check\" },\r\n { arT: \"\u0627\u0644\u0641\u062d\u0648\u0635\u0627\u062a \u0648\u0627\u0644\u0623\u0634\u0639\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635\u064a\u0629\", enT: \"Diagnostic Imaging\", arD: \"\u062a\u0635\u0648\u064a\u0631 \u0645\u0642\u0637\u0639\u064a \u0648\u0639\u0645\u0644 \u062c\u0645\u064a\u0639 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0639\u064a\u0646 \u0628\u062f\u0642\u0629.\", enD: \"Optical Coherence Tomography and precise eye exams.\", icon: \"search\" }\r\n ];\r\n\r\n const branches = {\r\n \"\u0633\u064a\u0626\u0648\u0646\": \"967774441177\",\r\n \"\u0639\u062f\u0646\": \"967782255557\",\r\n \"\u0627\u0644\u0634\u062d\u0631\": \"967778844766\",\r\n \"\u0627\u0644\u0645\u0643\u0644\u0627\": \"967781765720\"\r\n };\r\n\r\n let selBranch = { n: '', p: '' };\r\n\r\n function init() {\r\n const container = document.getElementById('servicesContainer');\r\n container.innerHTML = services.map(s => `\r\n <div class=\"service-card bg-white rounded-[2rem] p-6 md:p-8 flex flex-col h-full\">\r\n <div class=\"w-14 h-14 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center mb-6\">\r\n <i data-lucide=\"${s.icon}\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\r\n <span lang=\"ar\">${s.arT}<\/span>\r\n <span lang=\"en\">${s.enT}<\/span>\r\n <\/h3>\r\n <p class=\"text-slate-500 text-sm leading-relaxed mb-8 flex-grow\">\r\n <span lang=\"ar\">${s.arD}<\/span>\r\n <span lang=\"en\">${s.enD}<\/span>\r\n <\/p>\r\n <button onclick=\"openBooking('${s.arT}','${s.enT}')\" class=\"w-full bg-slate-900 hover:bg-blue-600 text-white py-3.5 rounded-xl font-bold flex items-center justify-center gap-2 transition-all group\">\r\n <span lang=\"ar\">\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0627\u0644\u0622\u0646<\/span>\r\n <span lang=\"en\">Book Now<\/span>\r\n <i data-lucide=\"arrow-left\" class=\"w-4 h-4 transition-transform group-hover:-translate-x-1\" lang=\"ar\"><\/i>\r\n <i data-lucide=\"arrow-right\" class=\"w-4 h-4 transition-transform group-hover:translate-x-1\" lang=\"en\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `).join('');\r\n\r\n const bContainer = document.getElementById('branchContainer');\r\n bContainer.innerHTML = '';\r\n Object.entries(branches).forEach(([name, phone]) => {\r\n const btn = document.createElement('button');\r\n btn.className = 'branch-btn border-2 border-slate-100 p-3 rounded-xl hover:border-blue-300 transition-all font-bold text-sm text-slate-600';\r\n btn.innerText = name;\r\n btn.onclick = () => selectBranch(name, phone, btn);\r\n bContainer.appendChild(btn);\r\n });\r\n lucide.createIcons();\r\n }\r\n\r\n function openBooking(ar, en) {\r\n const isEn = document.documentElement.lang === 'en';\r\n document.getElementById('selectedService').value = isEn ? en : ar;\r\n const modal = document.getElementById('bookingModal');\r\n modal.classList.remove('hidden');\r\n modal.classList.add('flex');\r\n }\r\n\r\n function closeBooking() {\r\n document.getElementById('bookingModal').classList.replace('flex', 'hidden');\r\n resetBranchStyles();\r\n }\r\n\r\n function selectBranch(n, p, el) {\r\n selBranch = { n, p };\r\n resetBranchStyles();\r\n el.classList.add('border-blue-600', 'bg-blue-50', 'text-blue-600');\r\n }\r\n\r\n function resetBranchStyles() {\r\n document.querySelectorAll('.branch-btn').forEach(b => b.classList.remove('border-blue-600', 'bg-blue-50', 'text-blue-600'));\r\n }\r\n\r\n function sendToWhatsApp() {\r\n const name = document.getElementById('patientName').value;\r\n const svc = document.getElementById('selectedService').value;\r\n const isEn = document.documentElement.lang === 'en';\r\n\r\n if (!name) {\r\n alert(isEn ? 'Please enter your name' : '\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0627\u0633\u0645');\r\n return;\r\n }\r\n if (!selBranch.p) {\r\n alert(isEn ? 'Please select a branch' : '\u064a\u0631\u062c\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0641\u0631\u0639');\r\n return;\r\n }\r\n\r\n const msg = isEn \r\n ? `Hello, I would like to book an appointment at Ro\\'ya Hospital:\\nName: ${name}\\nService: ${svc}\\nBranch: ${selBranch.n}`\r\n : `\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u064a\u0643\u0645\u060c \u0623\u0631\u063a\u0628 \u0628\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0641\u064a \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629:\\n\u0627\u0644\u0627\u0633\u0645: ${name}\\n\u0627\u0644\u062e\u062f\u0645\u0629: ${svc}\\n\u0627\u0644\u0641\u0631\u0639: ${selBranch.n}`;\r\n\r\n window.open(`https:\/\/wa.me\/${selBranch.p}?text=${encodeURIComponent(msg)}`, '_blank');\r\n }\r\n\r\n init();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a – \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0631\u0639\u0627\u064a\u0629 \u0637\u0628\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 Premium Medical Care \u062e\u062f\u0645\u0627\u062a \u0645\u0633\u062a\u0634\u0641\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u062e\u0635\u0635\u064a\u0629 Ro’ya Hospital Specialized Services \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u064a\u0646 \u0648\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0637\u0628 \u0627\u0644\u0639\u064a\u0648\u0646 \u0641\u064a \u062e\u062f\u0645\u062a\u0643\u0645 Elite consultants and the latest ophthalmology technologies at your service \u062d\u062c\u0632 \u0645\u0648\u0639\u062f Book Appointment \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 Full Name \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 Service \u0627\u062e\u062a\u0631 \u0627\u0644\u0641\u0631\u0639 \u0627\u0644\u0623\u0642\u0631\u0628 \u0625\u0644\u064a\u0643 Select Branch […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template\/template-home.php","meta":{"footnotes":""},"class_list":["post-8301","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/comments?post=8301"}],"version-history":[{"count":37,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions"}],"predecessor-version":[{"id":9461,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions\/9461"}],"wp:attachment":[{"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/media?parent=8301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}