\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Tajawal', 'Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n primary: '#008CA1', \r\n secondary: '#003B5C', \r\n accent: '#2563EB',\r\n medicalBg: '#F8FAFC',\r\n },\r\n boxShadow: {\r\n 'premium': '0 20px 50px -12px rgba(0, 0, 0, 0.05)',\r\n 'button': '0 10px 15px -3px rgba(37, 99, 235, 0.3)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .service-card:hover .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 1, 'wght' 500;\r\n transform: scale(1.1);\r\n transition: all 0.3s ease;\r\n }\r\n [x-cloak] { display: none !important; }\r\n .shimmer-btn {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .shimmer-btn::after {\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: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transform: rotate(45deg);\r\n animation: shimmer 3s infinite;\r\n }\r\n @keyframes shimmer {\r\n 0% { transform: translateX(-100%) rotate(45deg); }\r\n 100% { transform: translateX(100%) rotate(45deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body \r\n class=\"bg-medicalBg text-slate-800 font-sans antialiased\"\r\n x-data=\"medicalHub()\"\r\n x-init=\"init()\"\r\n x-cloak\r\n>\r\n\r\n \r\n <main class=\"max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <header class=\"text-center mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-primary\/10 text-primary text-sm font-bold tracking-wide\">\r\n <span class=\"material-symbols-outlined text-lg mr-1 ml-1\">verified_user<\/span>\r\n <span x-text=\"t[lang].tagline\"><\/span>\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-secondary\">\r\n <span x-text=\"t[lang].titleMain\"><\/span>\r\n <span class=\"text-primary\" x-text=\"t[lang].titleHighlight\"><\/span>\r\n <\/h1>\r\n <p class=\"max-w-2xl mx-auto text-slate-500 text-lg leading-relaxed\" x-text=\"t[lang].description\"><\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 mb-20\">\r\n <template x-for=\"item in topIcons\" :key=\"item.id\">\r\n <div class=\"bg-white p-6 rounded-3xl shadow-premium border border-slate-50 flex flex-col items-center hover:border-primary\/30 transition-all cursor-default\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-slate-50 text-primary flex items-center justify-center mb-4\">\r\n <span class=\"material-symbols-outlined text-3xl\" x-text=\"item.icon\"><\/span>\r\n <\/div>\r\n <span class=\"font-bold text-secondary text-center\" x-text=\"item.label[lang]\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <template x-for=\"(service, index) in services\" :key=\"index\">\r\n <div class=\"service-card group bg-white rounded-[2.5rem] p-8 border border-slate-100 shadow-premium hover:shadow-2xl transition-all duration-500 flex flex-col\">\r\n \r\n <div class=\"flex justify-between items-start mb-6\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-primary\/5 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-all duration-300\">\r\n <span class=\"material-symbols-outlined text-3xl\" x-text=\"service.icon\"><\/span>\r\n <\/div>\r\n <span class=\"text-slate-200 font-black text-4xl select-none\" x-text=\"'0'+(index+1)\"><\/span>\r\n <\/div>\r\n\r\n \r\n <h3 class=\"text-2xl font-bold text-secondary mb-4 group-hover:text-primary transition-colors\" x-text=\"service.title[lang]\"><\/h3>\r\n <p class=\"text-slate-500 leading-relaxed mb-8 grow\" x-text=\"service.desc[lang]\"><\/p>\r\n\r\n \r\n <button class=\"shimmer-btn w-full bg-accent hover:bg-blue-700 text-white font-bold py-4 px-6 rounded-2xl shadow-button hover:scale-[1.02] active:scale-95 transition-all flex items-center justify-center gap-3\">\r\n <span x-text=\"t[lang].bookBtn\"><\/span>\r\n <span class=\"material-symbols-outlined text-xl\">calendar_month<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <script>\r\n function medicalHub() {\r\n return {\r\n lang: 'ar',\r\n t: {\r\n ar: {\r\n tagline: '\u0631\u0639\u0627\u064a\u0629 \u0639\u064a\u0648\u0646 \u0645\u062a\u0645\u064a\u0632\u0629',\r\n titleMain: '\u062e\u062f\u0645\u0627\u062a\u0646\u0627',\r\n titleHighlight: '\u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629',\r\n description: '\u0646\u0644\u062a\u0632\u0645 \u0641\u064a \u0645\u0631\u0643\u0632\u0646\u0627 \u0628\u062a\u0642\u062f\u064a\u0645 \u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0648\u062c\u0648\u062f\u0629 \u0631\u0624\u064a\u062a\u0643\u0645.',\r\n bookBtn: '\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0627\u0644\u0622\u0646'\r\n },\r\n en: {\r\n tagline: 'Premium Eye Care',\r\n titleMain: 'Our Medical',\r\n titleHighlight: 'Specialties',\r\n description: 'We are committed to providing maximum medical precision using next-generation technologies to ensure the safety and quality of your vision.',\r\n bookBtn: 'Book Appointment Now'\r\n }\r\n },\r\n topIcons: [\r\n { id: 1, icon: 'visibility', label: { ar: '\u0641\u062d\u0635 \u0627\u0644\u0646\u0638\u0631', en: 'Eye Exam' } },\r\n { id: 2, icon: 'flare', label: { ar: '\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0644\u064a\u0632\u0631', en: 'Laser Correction' } },\r\n { id: 3, icon: 'medical_services', label: { ar: '\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0637\u0628\u064a\u0629', en: 'Consultations' } },\r\n { id: 4, icon: 'biotech', label: { ar: '\u0641\u062d\u0648\u0635\u0627\u062a \u062f\u0642\u064a\u0642\u0629', en: 'Diagnostics' } }\r\n ],\r\n services: [\r\n {\r\n icon: 'eye_tracking',\r\n title: { ar: '\u0627\u0644\u0644\u064a\u0632\u0643 \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631', en: 'LASIK & Vision' },\r\n desc: { ar: '\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0644\u064a\u0632\u0643 \u0648\u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0633\u0645\u0627\u064a\u0644 \u0644\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631 \u0628\u0623\u0645\u0627\u0646 \u062a\u0627\u0645 \u0648\u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u0634\u0641\u0627\u0621 \u0639\u0627\u0644\u064a\u0629.', en: 'Latest Femto-LASIK and Femto-Smile technologies for safe and fast vision correction.' }\r\n },\r\n {\r\n icon: 'opacity',\r\n title: { ar: '\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0639\u062f\u0633\u0627\u062a', en: 'Cataract Surgery' },\r\n desc: { ar: '\u0639\u0645\u0644\u064a\u0627\u062a \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0632\u0631\u0627\u0639\u0629 \u0639\u062f\u0633\u0627\u062a \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u0645\u064a\u0629.', en: 'Cataract removal using ultrasound and implantation of world-class premium lenses.' }\r\n },\r\n {\r\n icon: 'biotech',\r\n title: { ar: '\u0627\u0639\u062a\u0644\u0627\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u0633\u0643\u0631\u064a', en: 'Retina & Diabetes' },\r\n desc: { ar: '\u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0633\u0643\u0631\u064a \u0628\u0623\u062d\u062f\u062b \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062d\u0642\u0646 \u0648\u0627\u0644\u0644\u064a\u0632\u0631.', en: 'Diagnosis and treatment of diabetic retinopathy using modern injection and laser methods.' }\r\n },\r\n {\r\n icon: 'child_care',\r\n title: { ar: '\u0639\u064a\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u062d\u0648\u0644', en: 'Pediatric & Strabismus' },\r\n desc: { ar: '\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062d\u0627\u0644\u0627\u062a \u0639\u064a\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u062d\u0648\u0644 \u062c\u0631\u0627\u062d\u064a\u0627\u064b \u0648\u0628\u0635\u0631\u064a\u0627\u064b.', en: 'Specialized team for pediatric eye cases and surgical\/visual strabismus treatment.' }\r\n },\r\n {\r\n icon: 'face',\r\n title: { ar: '\u062a\u062c\u0645\u064a\u0644 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u062c\u0641\u0648\u0646', en: 'Oculoplastics' },\r\n desc: { ar: '\u062c\u0631\u0627\u062d\u0627\u062a \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0648\u0638\u064a\u0641\u064a\u0629 \u0644\u0644\u062c\u0641\u0648\u0646 \u0648\u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0645\u0639\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0638\u0647\u0631 \u0648\u0635\u062d\u0629 \u0627\u0644\u0639\u064a\u0646.', en: 'Functional cosmetic surgeries for eyelids and tear ducts to maintain eye health.' }\r\n },\r\n {\r\n icon: 'view_in_ar',\r\n title: { ar: '\u0639\u0644\u0627\u062c \u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0631\u0648\u0637\u064a\u0629', en: 'Keratoconus Care' },\r\n desc: { ar: '\u062d\u0644\u0648\u0644 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0636\u0648\u0626\u064a \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u062d\u0644\u0642\u0627\u062a \u0644\u0639\u0644\u0627\u062c \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0631\u0648\u0637\u064a\u0629.', en: 'Advanced solutions including cross-linking and ring implantation for keratoconus.' }\r\n }\r\n ],\r\n init() {\r\n this.detectLang();\r\n \/\/ Observer for dynamic lang change\r\n const obs = new MutationObserver(() => this.detectLang());\r\n obs.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n },\r\n detectLang() {\r\n this.lang = document.documentElement.lang === 'en' ? 'en' : 'ar';\r\n document.documentElement.dir = this.lang === 'ar' ? 'rtl' : 'ltr';\r\n }\r\n }\r\n }\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\u0631\u0643\u0632 \u0627\u0644\u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 verified_user calendar_month<\/p>","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":28,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions"}],"predecessor-version":[{"id":9047,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions\/9047"}],"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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\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\u0631\u0643\u0632 \u0627\u0644\u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646<\/title>\r\n \r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700&family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\r\n \r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n \r\n <script defer src=\"https:\/\/cdn.jsdelivr.net\/npm\/alpinejs@3.x.x\/dist\/cdn.min.js\"><\/script>\r\n\r\n <script>\r\n tailwind.config = {\r\n darkMode: 'class',\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Tajawal', 'Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n primary: '#008CA1', \r\n secondary: '#003B5C', \r\n accent: '#2563EB',\r\n medicalBg: '#F8FAFC',\r\n },\r\n boxShadow: {\r\n 'premium': '0 20px 50px -12px rgba(0, 0, 0, 0.05)',\r\n 'button': '0 10px 15px -3px rgba(37, 99, 235, 0.3)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;\r\n display: inline-block;\r\n vertical-align: middle;\r\n }\r\n .service-card:hover .material-symbols-outlined {\r\n font-variation-settings: 'FILL' 1, 'wght' 500;\r\n transform: scale(1.1);\r\n transition: all 0.3s ease;\r\n }\r\n [x-cloak] { display: none !important; }\r\n .shimmer-btn {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .shimmer-btn::after {\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: linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);\r\n transform: rotate(45deg);\r\n animation: shimmer 3s infinite;\r\n }\r\n @keyframes shimmer {\r\n 0% { transform: translateX(-100%) rotate(45deg); }\r\n 100% { transform: translateX(100%) rotate(45deg); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body \r\n class=\"bg-medicalBg text-slate-800 font-sans antialiased\"\r\n x-data=\"medicalHub()\"\r\n x-init=\"init()\"\r\n x-cloak\r\n>\r\n\r\n \r\n <main class=\"max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <header class=\"text-center mb-16 space-y-4\">\r\n <div class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-primary\/10 text-primary text-sm font-bold tracking-wide\">\r\n <span class=\"material-symbols-outlined text-lg mr-1 ml-1\">verified_user<\/span>\r\n <span x-text=\"t[lang].tagline\"><\/span>\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-5xl font-extrabold text-secondary\">\r\n <span x-text=\"t[lang].titleMain\"><\/span>\r\n <span class=\"text-primary\" x-text=\"t[lang].titleHighlight\"><\/span>\r\n <\/h1>\r\n <p class=\"max-w-2xl mx-auto text-slate-500 text-lg leading-relaxed\" x-text=\"t[lang].description\"><\/p>\r\n <\/header>\r\n\r\n \r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6 mb-20\">\r\n <template x-for=\"item in topIcons\" :key=\"item.id\">\r\n <div class=\"bg-white p-6 rounded-3xl shadow-premium border border-slate-50 flex flex-col items-center hover:border-primary\/30 transition-all cursor-default\">\r\n <div class=\"w-16 h-16 rounded-2xl bg-slate-50 text-primary flex items-center justify-center mb-4\">\r\n <span class=\"material-symbols-outlined text-3xl\" x-text=\"item.icon\"><\/span>\r\n <\/div>\r\n <span class=\"font-bold text-secondary text-center\" x-text=\"item.label[lang]\"><\/span>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n <template x-for=\"(service, index) in services\" :key=\"index\">\r\n <div class=\"service-card group bg-white rounded-[2.5rem] p-8 border border-slate-100 shadow-premium hover:shadow-2xl transition-all duration-500 flex flex-col\">\r\n \r\n <div class=\"flex justify-between items-start mb-6\">\r\n <div class=\"w-14 h-14 rounded-2xl bg-primary\/5 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-all duration-300\">\r\n <span class=\"material-symbols-outlined text-3xl\" x-text=\"service.icon\"><\/span>\r\n <\/div>\r\n <span class=\"text-slate-200 font-black text-4xl select-none\" x-text=\"'0'+(index+1)\"><\/span>\r\n <\/div>\r\n\r\n \r\n <h3 class=\"text-2xl font-bold text-secondary mb-4 group-hover:text-primary transition-colors\" x-text=\"service.title[lang]\"><\/h3>\r\n <p class=\"text-slate-500 leading-relaxed mb-8 grow\" x-text=\"service.desc[lang]\"><\/p>\r\n\r\n \r\n <button class=\"shimmer-btn w-full bg-accent hover:bg-blue-700 text-white font-bold py-4 px-6 rounded-2xl shadow-button hover:scale-[1.02] active:scale-95 transition-all flex items-center justify-center gap-3\">\r\n <span x-text=\"t[lang].bookBtn\"><\/span>\r\n <span class=\"material-symbols-outlined text-xl\">calendar_month<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/template>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <script>\r\n function medicalHub() {\r\n return {\r\n lang: 'ar',\r\n t: {\r\n ar: {\r\n tagline: '\u0631\u0639\u0627\u064a\u0629 \u0639\u064a\u0648\u0646 \u0645\u062a\u0645\u064a\u0632\u0629',\r\n titleMain: '\u062e\u062f\u0645\u0627\u062a\u0646\u0627',\r\n titleHighlight: '\u0627\u0644\u0637\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629',\r\n description: '\u0646\u0644\u062a\u0632\u0645 \u0641\u064a \u0645\u0631\u0643\u0632\u0646\u0627 \u0628\u062a\u0642\u062f\u064a\u0645 \u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0637\u0628\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0644\u0636\u0645\u0627\u0646 \u0633\u0644\u0627\u0645\u0629 \u0648\u062c\u0648\u062f\u0629 \u0631\u0624\u064a\u062a\u0643\u0645.',\r\n bookBtn: '\u062d\u062c\u0632 \u0645\u0648\u0639\u062f \u0627\u0644\u0622\u0646'\r\n },\r\n en: {\r\n tagline: 'Premium Eye Care',\r\n titleMain: 'Our Medical',\r\n titleHighlight: 'Specialties',\r\n description: 'We are committed to providing maximum medical precision using next-generation technologies to ensure the safety and quality of your vision.',\r\n bookBtn: 'Book Appointment Now'\r\n }\r\n },\r\n topIcons: [\r\n { id: 1, icon: 'visibility', label: { ar: '\u0641\u062d\u0635 \u0627\u0644\u0646\u0638\u0631', en: 'Eye Exam' } },\r\n { id: 2, icon: 'flare', label: { ar: '\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0644\u064a\u0632\u0631', en: 'Laser Correction' } },\r\n { id: 3, icon: 'medical_services', label: { ar: '\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0637\u0628\u064a\u0629', en: 'Consultations' } },\r\n { id: 4, icon: 'biotech', label: { ar: '\u0641\u062d\u0648\u0635\u0627\u062a \u062f\u0642\u064a\u0642\u0629', en: 'Diagnostics' } }\r\n ],\r\n services: [\r\n {\r\n icon: 'eye_tracking',\r\n title: { ar: '\u0627\u0644\u0644\u064a\u0632\u0643 \u0648\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631', en: 'LASIK & Vision' },\r\n desc: { ar: '\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0644\u064a\u0632\u0643 \u0648\u0627\u0644\u0641\u064a\u0645\u062a\u0648 \u0633\u0645\u0627\u064a\u0644 \u0644\u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0646\u0638\u0631 \u0628\u0623\u0645\u0627\u0646 \u062a\u0627\u0645 \u0648\u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u0634\u0641\u0627\u0621 \u0639\u0627\u0644\u064a\u0629.', en: 'Latest Femto-LASIK and Femto-Smile technologies for safe and fast vision correction.' }\r\n },\r\n {\r\n icon: 'opacity',\r\n title: { ar: '\u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u0639\u062f\u0633\u0627\u062a', en: 'Cataract Surgery' },\r\n desc: { ar: '\u0639\u0645\u0644\u064a\u0627\u062a \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u064a\u0627\u0647 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0628\u0627\u0644\u0645\u0648\u062c\u0627\u062a \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0632\u0631\u0627\u0639\u0629 \u0639\u062f\u0633\u0627\u062a \u0628\u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u0645\u064a\u0629.', en: 'Cataract removal using ultrasound and implantation of world-class premium lenses.' }\r\n },\r\n {\r\n icon: 'biotech',\r\n title: { ar: '\u0627\u0639\u062a\u0644\u0627\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0648\u0627\u0644\u0633\u0643\u0631\u064a', en: 'Retina & Diabetes' },\r\n desc: { ar: '\u062a\u0634\u062e\u064a\u0635 \u0648\u0639\u0644\u0627\u062c \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0634\u0628\u0643\u064a\u0629 \u0627\u0644\u0646\u0627\u062a\u062c\u0629 \u0639\u0646 \u0627\u0644\u0633\u0643\u0631\u064a \u0628\u0623\u062d\u062f\u062b \u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u062d\u0642\u0646 \u0648\u0627\u0644\u0644\u064a\u0632\u0631.', en: 'Diagnosis and treatment of diabetic retinopathy using modern injection and laser methods.' }\r\n },\r\n {\r\n icon: 'child_care',\r\n title: { ar: '\u0639\u064a\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0627\u0644\u062d\u0648\u0644', en: 'Pediatric & Strabismus' },\r\n desc: { ar: '\u0641\u0631\u064a\u0642 \u0645\u062a\u062e\u0635\u0635 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u062d\u0627\u0644\u0627\u062a \u0639\u064a\u0648\u0646 \u0627\u0644\u0623\u0637\u0641\u0627\u0644 \u0648\u0639\u0644\u0627\u062c \u0627\u0644\u062d\u0648\u0644 \u062c\u0631\u0627\u062d\u064a\u0627\u064b \u0648\u0628\u0635\u0631\u064a\u0627\u064b.', en: 'Specialized team for pediatric eye cases and surgical\/visual strabismus treatment.' }\r\n },\r\n {\r\n icon: 'face',\r\n title: { ar: '\u062a\u062c\u0645\u064a\u0644 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u062c\u0641\u0648\u0646', en: 'Oculoplastics' },\r\n desc: { ar: '\u062c\u0631\u0627\u062d\u0627\u062a \u062a\u062c\u0645\u064a\u0644\u064a\u0629 \u0648\u0638\u064a\u0641\u064a\u0629 \u0644\u0644\u062c\u0641\u0648\u0646 \u0648\u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062f\u0645\u0639\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0638\u0647\u0631 \u0648\u0635\u062d\u0629 \u0627\u0644\u0639\u064a\u0646.', en: 'Functional cosmetic surgeries for eyelids and tear ducts to maintain eye health.' }\r\n },\r\n {\r\n icon: 'view_in_ar',\r\n title: { ar: '\u0639\u0644\u0627\u062c \u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0631\u0648\u0637\u064a\u0629', en: 'Keratoconus Care' },\r\n desc: { ar: '\u062d\u0644\u0648\u0644 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0636\u0648\u0626\u064a \u0648\u0632\u0631\u0627\u0639\u0629 \u0627\u0644\u062d\u0644\u0642\u0627\u062a \u0644\u0639\u0644\u0627\u062c \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0631\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0631\u0648\u0637\u064a\u0629.', en: 'Advanced solutions including cross-linking and ring implantation for keratoconus.' }\r\n }\r\n ],\r\n init() {\r\n this.detectLang();\r\n \/\/ Observer for dynamic lang change\r\n const obs = new MutationObserver(() => this.detectLang());\r\n obs.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n },\r\n detectLang() {\r\n this.lang = document.documentElement.lang === 'en' ? 'en' : 'ar';\r\n document.documentElement.dir = this.lang === 'ar' ? 'rtl' : 'ltr';\r\n }\r\n }\r\n }\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\u0631\u0643\u0632 \u0627\u0644\u0631\u0624\u064a\u0629 \u0644\u0637\u0628 \u0648\u062c\u0631\u0627\u062d\u0629 \u0627\u0644\u0639\u064a\u0648\u0646 verified_user calendar_month<\/p>","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":28,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions"}],"predecessor-version":[{"id":9047,"href":"https:\/\/roayae.org\/en\/wp-json\/wp\/v2\/pages\/8301\/revisions\/9047"}],"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}]}}