{"id":1059,"date":"2025-12-11T10:34:30","date_gmt":"2025-12-11T10:34:30","guid":{"rendered":"https:\/\/hotlinezutr.top\/?page_id=1059"},"modified":"2026-04-12T14:15:40","modified_gmt":"2026-04-12T14:15:40","slug":"blog","status":"publish","type":"page","link":"https:\/\/roeyaacademy.com\/ar\/blog\/","title":{"rendered":"Blog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1059\" class=\"elementor elementor-1059\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08384b8 e-con-full e-flex e-con e-parent\" data-id=\"08384b8\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4fdcc2 elementor-widget elementor-widget-html\" data-id=\"c4fdcc2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"ar\" dir=\"rtl\">\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>\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631 - \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629<\/title>\r\n\r\n<!-- Fonts & Icons -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  \/* =========================================\r\n     GLOBAL VARIABLES & RESET\r\n     ========================================= *\/\r\n  :root {\r\n    \/* Brand Colors *\/\r\n    --roeya-navy: #212e51;       \r\n    --roeya-gold: #c8ac82;       \r\n    --roeya-gold-hover: #b0936a;\r\n    \r\n    \/* UI Colors *\/\r\n    --roeya-white: #ffffff;\r\n    --roeya-text-main: #334155;\r\n    --roeya-text-soft: #64748b;\r\n    --roeya-border: #e2e8f0;\r\n    \r\n    \/* Animations *\/\r\n    --ease: cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  \/* Prioritize Tajawal for Arabic *\/\r\n  body { font-family: 'Tajawal', 'Inter', sans-serif; background-color: #ffffff; color: var(--roeya-text-main); text-align: right; }\r\n  a { text-decoration: none; color: inherit; }\r\n\r\n  \/* =========================================\r\n     1. HERO SECTION STYLES (UNIFIED)\r\n     ========================================= *\/\r\n  .roeya-header-section {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 500px;\r\n    overflow: hidden;\r\n    background-color: var(--roeya-navy);\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .roeya-header-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: url(\"https:\/\/roeyaacademy.com\/ar\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-12.11.31.jpeg\");\r\n    background-size: cover;\r\n    background-position: center;\r\n    z-index: 0;\r\n    animation: slowZoom 50s infinite alternate ease-in-out;\r\n  }\r\n\r\n  @keyframes slowZoom {\r\n    0% { transform: scale(1); }\r\n    100% { transform: scale(1.15); }\r\n  }\r\n\r\n  .roeya-header-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    \/* Gradient flipped for RTL (Darker on Right) *\/\r\n    background: linear-gradient(270deg, rgba(33, 46, 81, 0.95) 0%, rgba(33, 46, 81, 0.7) 100%);\r\n    display: flex;\r\n    align-items: center;\r\n    z-index: 1;\r\n  }\r\n\r\n  .roeya-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 30px;\r\n    width: 100%;\r\n  }\r\n\r\n  .roeya-text-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    \/* RIGHT ALIGNMENT (DESKTOP RTL) *\/\r\n    align-items: flex-start; \r\n    text-align: right;\r\n\r\n    gap: 20px;\r\n    max-width: 700px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Breadcrumb *\/\r\n  .roeya-breadcrumb {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(8px);\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding: 8px 16px;\r\n    border-radius: 50px;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0;\r\n    color: #cbd5e1;\r\n  }\r\n  .roeya-breadcrumb a:hover { color: var(--roeya-gold); }\r\n  .roeya-breadcrumb .divider { color: var(--roeya-gold); transform: rotate(180deg); display: inline-block; }\r\n\r\n  \/* Typography *\/\r\n  .roeya-main-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    color: var(--roeya-white);\r\n    line-height: 1.2;\r\n    margin-top: 5px;\r\n  }\r\n\r\n  .roeya-subtitle {\r\n    font-size: 1.125rem;\r\n    font-weight: 500;\r\n    color: #cbd5e1;\r\n    max-width: 600px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* Animations *\/\r\n  .roeya-animate {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 1.6s ease, transform 1.6s cubic-bezier(.25, 1, .5, 1);\r\n  }\r\n  .roeya-animate.active {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n  .delay-1 { transition-delay: .2s; }\r\n  .delay-2 { transition-delay: .4s; }\r\n\r\n  \/* =========================================\r\n     2. BLOG GRID STYLES\r\n     ========================================= *\/\r\n  .rb-wrap {\r\n    font-family: 'Tajawal', sans-serif;\r\n    color: var(--roeya-text-main);\r\n    padding: 80px 0;\r\n  }\r\n\r\n  .rb-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; width: 100%; }\r\n  .rb-card {\r\n    background: #ffffff; border: 1px solid #f1f2f3; border-radius: 12px; overflow: hidden;\r\n    display: flex; flex-direction: column; transition: all 0.6s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.03);\r\n  }\r\n  .rb-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.06); border-bottom: 3px solid var(--roeya-gold); }\r\n  .rb-media { height: 220px; overflow: hidden; position: relative; background-color: #eee; }\r\n  .rb-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }\r\n  .rb-card:hover .rb-media img { transform: scale(1.08); }\r\n  .rb-tag {\r\n    position: absolute; top: 15px; right: 15px; left: auto; background: rgba(255, 255, 255, 0.95);\r\n    color: var(--roeya-navy); padding: 5px 10px; font-size: 9px; font-weight: 700;\r\n    border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 2;\r\n  }\r\n  .rb-body { padding: 24px 24px 20px 24px; display: flex; flex-direction: column; flex: 1; text-align: right; }\r\n  .rb-meta {\r\n    display: flex; align-items: center; gap: 10px; font-size: 10px; color: #94a3b8;\r\n    font-weight: 600; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px;\r\n  }\r\n  .rb-meta i { color: var(--roeya-gold); }\r\n  .rb-title {\r\n    font-size: 1.2rem; font-weight: 700; color: var(--roeya-navy);\r\n    line-height: 1.4; margin: 0 0 12px 0; display: -webkit-box; -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical; overflow: hidden;\r\n  }\r\n  .rb-title a { color: var(--roeya-navy); text-decoration: none; transition: 0.6s; }\r\n  .rb-title a:hover { color: var(--roeya-gold); }\r\n  .rb-excerpt {\r\n    font-size: 0.9rem; line-height: 1.6; color: #6b7280; display: -webkit-box;\r\n    -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px;\r\n  }\r\n  .rb-footer { margin-top: auto; border-top: 1px solid #f1f2f3; padding: 15px 24px; display: flex; justify-content: flex-end; }\r\n  .rb-read-more {\r\n    font-size: 12px; font-weight: 700; color: var(--roeya-gold); text-decoration: none;\r\n    display: inline-flex; align-items: center; gap: 6px; transition: 0.6s;\r\n  }\r\n  .rb-read-more:hover { color: var(--roeya-navy); transform: translateX(-5px); }\r\n  .rb-note { text-align: center; width: 100%; color: #6b7280; padding: 20px; }\r\n  .rb-skel {\r\n    height: 400px; border-radius: 12px; background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 40%, #f1f5f9 80%);\r\n    background-size: 200% 100%; animation: roeyaSkelAnim7 2.4s infinite linear;\r\n  }\r\n  @keyframes roeyaSkelAnim7 {\r\n    0% { background-position: 200% 0; }\r\n    100% { background-position: -200% 0; }\r\n  }\r\n\r\n  .rb-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 40px;\r\n  }\r\n  .rb-btn {\r\n    border: none;\r\n    cursor: pointer;\r\n    background: var(--roeya-navy);\r\n    color: #fff;\r\n    font-weight: 700;\r\n    padding: 14px 32px;\r\n    border-radius: 50px;\r\n    transition: all 0.3s var(--ease);\r\n    box-shadow: 0 10px 20px rgba(33, 46, 81, 0.2);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 15px;\r\n    font-family: 'Tajawal', sans-serif;\r\n  }\r\n  .rb-btn:hover {\r\n    background: var(--roeya-gold);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 15px 30px rgba(200, 172, 130, 0.3);\r\n  }\r\n  .rb-btn[disabled] { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n  \/* =========================================\r\n     3. BACK TO TOP BUTTON\r\n     ========================================= *\/\r\n  .back-to-top {\r\n    position: fixed; bottom: 30px; right: 30px; left: auto; width: 40px; height: 40px; border: 2px solid #c8ac82;\r\n    border-radius: 50%; display: flex; justify-content: center; align-items: center; text-decoration: none;\r\n    z-index: 999; background: transparent; opacity: 0; visibility: hidden; transform: translateY(20px);\r\n    transition: all 0.6s ease; pointer-events: none;\r\n  }\r\n  .back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }\r\n  .back-to-top svg {\r\n    width: 20px; height: 20px; stroke: #c8ac82; stroke-width: 2.5; fill: none; stroke-linecap: round;\r\n    stroke-linejoin: round; transition: stroke 0.6s ease;\r\n  }\r\n  .back-to-top:hover { background-color: #c8ac82; }\r\n  .back-to-top:hover svg { stroke: #ffffff; }\r\n\r\n  \/* =========================================\r\n     4. RESPONSIVE \/ MOBILE FIXES\r\n     ========================================= *\/\r\n  @media (max-width: 992px) {\r\n    .roeya-main-title { font-size: 3rem; }\r\n    .rb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    \/* --- HERO MOBILE FIXES --- *\/\r\n    .roeya-header-section { \r\n      height: auto !important; \r\n      min-height: 600px !important; \r\n      padding: 0 !important; \r\n      align-items: flex-start !important; \r\n    }\r\n    \r\n    .roeya-header-overlay {\r\n      position: relative !important; \r\n      height: auto !important;\r\n      min-height: 600px !important; \r\n      padding: 200px 0 80px 0 !important; \r\n      display: block !important;\r\n    }\r\n\r\n    .roeya-container { padding: 0 20px; }\r\n    \r\n    .roeya-text-stack {\r\n      align-items: center;\r\n      text-align: center;\r\n      margin-top: 0;\r\n    }\r\n    .roeya-main-title { font-size: 2.2rem; }\r\n    \/* ------------------------------------- *\/\r\n\r\n    .rb-wrap { padding: 40px 0; }\r\n    .rb-grid { grid-template-columns: 1fr; gap: 25px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- PART 1: HERO SECTION -->\r\n  <header class=\"roeya-header-section\">\r\n    <div class=\"roeya-header-bg\"><\/div>\r\n\r\n    <div class=\"roeya-header-overlay\">\r\n      <div class=\"roeya-container\">\r\n        <div class=\"roeya-text-stack\">\r\n          \r\n          <div class=\"roeya-breadcrumb roeya-animate\">\r\n            <a href=\"https:\/\/roeyaacademy.com\/ar\/\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n            <!-- Arrow character usually points right, we rotate or use left char -->\r\n            <span class=\"divider\">\u203a<\/span>\r\n            <span>\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631<\/span>\r\n          <\/div>\r\n\r\n          <h1 class=\"roeya-main-title roeya-animate delay-1\">\r\n            \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631\r\n          <\/h1>\r\n\r\n          <p class=\"roeya-subtitle roeya-animate delay-2\">\r\n            \u0627\u0628\u0642 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629\u060c \u0646\u0635\u0627\u0626\u062d \u0627\u0644\u062a\u0631\u0628\u064a\u0629\u060c \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629.\r\n          <\/p>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- PART 2: BLOG GRID -->\r\n  <div class=\"roeya-container\">\r\n    <div class=\"rb-wrap\" id=\"rbWrap\">\r\n      <section class=\"rb-section\">\r\n        <div id=\"rbGrid\" class=\"rb-grid\" aria-live=\"polite\">\r\n          <div class=\"rb-skel\"><\/div><div class=\"rb-skel\"><\/div><div class=\"rb-skel\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"rb-actions\">\r\n          <button id=\"rbLoadMore\" class=\"rb-btn\" type=\"button\">\r\n            <span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/span>\r\n            <i class=\"fas fa-arrow-down\" style=\"font-size: 12px;\"><\/i>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div id=\"rbNote\" class=\"rb-note\"><\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PART 3: BACK TO TOP BUTTON -->\r\n  <a href=\"#\" class=\"back-to-top\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\">\r\n    <svg viewBox=\"0 0 24 24\">\r\n      <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"><\/line>\r\n      <polyline points=\"5 12 12 5 19 12\"><\/polyline>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <!-- ================= SCRIPTS ================= -->\r\n  <script>\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      \r\n      \/\/ 1. HERO ANIMATIONS\r\n      const items = document.querySelectorAll(\".roeya-animate\");\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        items.forEach(i => i.classList.add(\"active\"));\r\n      } else {\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n          entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add(\"active\");\r\n              obs.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: 0.12 });\r\n        items.forEach(i => observer.observe(i));\r\n      }\r\n\r\n      \/\/ 2. BACK TO TOP LOGIC\r\n      const backToTopButton = document.querySelector('.back-to-top');\r\n      window.addEventListener('scroll', () => {\r\n        const scrollTop = window.scrollY;\r\n        const docHeight = document.documentElement.scrollHeight;\r\n        const winHeight = window.innerHeight;\r\n        const scrollPercent = (scrollTop \/ (docHeight - winHeight)) * 100;\r\n        if (scrollPercent >= 50) { \r\n          backToTopButton.classList.add('show'); \r\n        } else { \r\n          backToTopButton.classList.remove('show'); \r\n        }\r\n      });\r\n\r\n      \/\/ 3. BLOG FETCH LOGIC\r\n      (function(){\r\n        const origin = \"https:\/\/roeyaacademy.com\/ar\"; \r\n        const grid = document.getElementById(\"rbGrid\");\r\n        const loadBtn = document.getElementById(\"rbLoadMore\");\r\n        const note = document.getElementById(\"rbNote\");\r\n\r\n        const clean = (html) => (html || \"\").toString().replace(\/<[^>]*>\/g, \" \").replace(\/\\s+\/g, \" \").trim();\r\n        \/\/ Updated to Arabic Locale\r\n        const fmtDate = (iso) => {\r\n          try {\r\n            return new Date(iso).toLocaleDateString(\"ar-EG\", { year: \"numeric\", month: \"long\", day: \"numeric\" });\r\n          } catch (e) { return \"\"; }\r\n        };\r\n\r\n        let page = 1;\r\n        const perPage = 6;\r\n        let loading = false;\r\n        let reachedEnd = false;\r\n\r\n        function setLoading(isLoading) {\r\n          loading = isLoading;\r\n          loadBtn.disabled = isLoading || reachedEnd;\r\n          loadBtn.innerHTML = isLoading ? `<span>\u062c\u0627\u0631\u064a \u0627\u0644\u062a\u062d\u0645\u064a\u0644...<\/span>` : `<span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/span> <i class=\"fas fa-arrow-down\" style=\"font-size: 12px;\"><\/i>`;\r\n        }\r\n\r\n        function makeCard(post) {\r\n          const title = clean(post?.title?.rendered) || \"\u0628\u0644\u0627 \u0639\u0646\u0648\u0627\u0646\";\r\n          const ex = clean(post?.excerpt?.rendered) || \"\";\r\n          const href = post?.link || \"#\";\r\n          const img = post?._embedded?.[\"wp:featuredmedia\"]?.[0]?.source_url || \"\";\r\n          const cat = (post?._embedded?.[\"wp:term\"] || []).flat().find(t => t.taxonomy === \"category\");\r\n          const date = fmtDate(post?.date);\r\n\r\n          const card = document.createElement(\"article\");\r\n          card.className = \"rb-card\";\r\n          card.innerHTML = `\r\n            <div class=\"rb-media\">\r\n              ${cat ? `<div class=\"rb-tag\">${cat.name}<\/div>` : \"\"}\r\n              <a href=\"${href}\">\r\n                ${img ? `<img decoding=\"async\" src=\"${img}\" alt=\"${title}\" loading=\"lazy\">` : `<div style=\"width:100%;height:100%;background:#eee;display:flex;align-items:center;justify-content:center;color:#ccc;\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0635\u0648\u0631\u0629<\/div>`}\r\n              <\/a>\r\n            <\/div>\r\n            <div class=\"rb-body\">\r\n              <div class=\"rb-meta\"><i class=\"far fa-calendar-alt\"><\/i> ${date}<\/div>\r\n              <h3 class=\"rb-title\"><a href=\"${href}\">${title}<\/a><\/h3>\r\n              <p class=\"rb-excerpt\">${ex}<\/p>\r\n            <\/div>\r\n            <div class=\"rb-footer\">\r\n                 <!-- Arrow Left for RTL -->\r\n                 <a class=\"rb-read-more\" href=\"${href}\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f <i class=\"fas fa-arrow-left\"><\/i><\/a>\r\n            <\/div>\r\n          `;\r\n          return card;\r\n        }\r\n\r\n        async function fetchPosts() {\r\n          if (loading || reachedEnd) return;\r\n          setLoading(true);\r\n\r\n          const url = `${origin}\/wp-json\/wp\/v2\/posts?_embed=1&page=${page}&per_page=${perPage}`;\r\n\r\n          try {\r\n            const res = await fetch(url);\r\n            if (!res.ok) { reachedEnd = true; setLoading(false); return; }\r\n\r\n            const totalPages = +res.headers.get(\"X-WP-TotalPages\") || 1;\r\n            const posts = await res.json();\r\n\r\n            if (page === 1) grid.innerHTML = \"\";\r\n            posts.forEach(p => grid.appendChild(makeCard(p)));\r\n\r\n            if (page >= totalPages) {\r\n              reachedEnd = true;\r\n              note.textContent = \"\u0644\u0642\u062f \u0648\u0635\u0644\u062a \u0625\u0644\u0649 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0642\u0627\u0626\u0645\u0629.\";\r\n              loadBtn.disabled = true;\r\n              loadBtn.style.display = 'none'; \r\n            }\r\n            page++;\r\n          } catch (e) {\r\n            note.textContent = \"\u0641\u0634\u0644 \u0641\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a. \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0627\u062a\u0635\u0627\u0644.\";\r\n          } finally {\r\n            setLoading(false);\r\n          }\r\n        }\r\n\r\n        loadBtn.addEventListener(\"click\", fetchPosts);\r\n        fetchPosts(); \r\n      })();\r\n\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631 &#8211; \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u203a \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0627\u0628\u0642 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629\u060c \u0646\u0635\u0627\u0626\u062d \u0627\u0644\u062a\u0631\u0628\u064a\u0629\u060c \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u064a\u0632\u0629. \u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"class_list":["post-1059","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages\/1059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/comments?post=1059"}],"version-history":[{"count":173,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages\/1059\/revisions"}],"predecessor-version":[{"id":3297,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages\/1059\/revisions\/3297"}],"wp:attachment":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/media?parent=1059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}