{"id":6,"date":"2026-01-26T18:26:42","date_gmt":"2026-01-26T18:26:42","guid":{"rendered":"https:\/\/ayatonlineacademy.com\/?page_id=6"},"modified":"2026-04-09T04:47:49","modified_gmt":"2026-04-09T04:47:49","slug":"home","status":"publish","type":"page","link":"https:\/\/ayatonlineacademy.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n\n Ayat Online Academy | Professional Quran & Arabic Learning<\/title>\n <meta name=\"description\" content=\"Master Quran recitation, Tajweed, and Arabic with Ayat Online Academy. Personalized 1-on-1 lessons for kids and adults worldwide. Start your free trial today.\" \/>\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large\" \/>\n\n <!-- Helpful UX\/SEO extras -->\n <meta name=\"theme-color\" content=\"#9CA000\" \/>\n <meta name=\"format-detection\" content=\"telephone=no\" \/>\n\n <link rel=\"canonical\" href=\"https:\/\/ayatonlineacademy.com\/\" \/>\n\n <!-- Open Graph -->\n <meta property=\"og:title\" content=\"Ayat Online Academy | Professional Quran & Arabic Learning\" \/>\n <meta property=\"og:description\" content=\"Experience high-quality Quranic education with certified tutors from the comfort of your home.\" \/>\n <meta property=\"og:image\" content=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/hero-bg.jpg\" \/>\n <meta property=\"og:url\" content=\"https:\/\/ayatonlineacademy.com\/\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:locale\" content=\"en_US\" \/>\n\n <link rel=\"preconnect\" href=\"https:\/\/ayatonlineacademy.com\" \/>\n <link rel=\"dns-prefetch\" href=\"\/\/ayatonlineacademy.com\" \/>\n\n <link rel=\"alternate\" href=\"https:\/\/ayatonlineacademy.com\/\" hreflang=\"en\" \/>\n <link rel=\"alternate\" href=\"https:\/\/ayatonlineacademy.com\/\" hreflang=\"x-default\" \/>\n\n <!-- EducationalOrganization + Website + WebPage -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"EducationalOrganization\",\n \"@id\": \"https:\/\/ayatonlineacademy.com\/#org\",\n \"name\": \"Ayat Online Academy\",\n \"url\": \"https:\/\/ayatonlineacademy.com\/\",\n \"logo\": \"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/ayat-logo.png\",\n \"description\": \"Professional online academy specializing in Quran recitation, Tajweed, and Arabic studies.\",\n \"areaServed\": \"Worldwide\",\n \"availableLanguage\": [\"English\", \"Arabic\"],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+201006632541\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": [\"English\", \"Arabic\"]\n }\n },\n {\n \"@type\": \"WebSite\",\n \"@id\": \"https:\/\/ayatonlineacademy.com\/#website\",\n \"url\": \"https:\/\/ayatonlineacademy.com\/\",\n \"name\": \"Ayat Online Academy\",\n \"publisher\": { \"@id\": \"https:\/\/ayatonlineacademy.com\/#org\" }\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/ayatonlineacademy.com\/#homepage\",\n \"url\": \"https:\/\/ayatonlineacademy.com\/\",\n \"name\": \"Ayat Online Academy | Professional Quran & Arabic Learning\",\n \"isPartOf\": { \"@id\": \"https:\/\/ayatonlineacademy.com\/#website\" },\n \"about\": { \"@id\": \"https:\/\/ayatonlineacademy.com\/#org\" }\n },\n {\n \"@type\": \"ItemList\",\n \"@id\": \"https:\/\/ayatonlineacademy.com\/#courses\",\n \"name\": \"Ayat Online Academy Courses\",\n \"itemListElement\": [\n { \"@type\": \"ListItem\", \"position\": 1, \"url\": \"https:\/\/ayatonlineacademy.com\/courses\/learn-quran-recitation\/\" },\n { \"@type\": \"ListItem\", \"position\": 2, \"url\": \"https:\/\/ayatonlineacademy.com\/courses\/tajweed-mastery\/\" },\n { \"@type\": \"ListItem\", \"position\": 3, \"url\": \"https:\/\/ayatonlineacademy.com\/courses\/quranic-arabic\/\" }\n ]\n }\n ]\n }\n <\/script>\n\n <!-- FAQPage -->\n <script type=\"application\/ld+json\">\n {\n \"@context\":\"https:\/\/schema.org\",\n \"@type\":\"FAQPage\",\n \"mainEntity\":[\n {\n \"@type\":\"Question\",\n \"name\":\"Is there a free trial class?\",\n \"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. You can book a free assessment\/trial class to evaluate the level and choose the best plan.\"}\n },\n {\n \"@type\":\"Question\",\n \"name\":\"Do you teach kids and adults?\",\n \"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Our programs are designed for kids, teens, and adults across all levels.\"}\n },\n {\n \"@type\":\"Question\",\n \"name\":\"Are teachers certified?\",\n \"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"We work with qualified male and female tutors, including certified teachers from Al-Azhar.\"}\n },\n {\n \"@type\":\"Question\",\n \"name\":\"Can I choose my schedule?\",\n \"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Flexible scheduling is available to match your timezone and daily routine.\"}\n }\n ]\n }\n <\/script>\n\n <style>\n html, body{ overflow-x: hidden; }\n\n \/* =========================\n FULL WIDTH (break out of theme container)\n ========================= *\/\n #ayat-online-academy{\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n position: relative;\n overflow-x: clip;\n background: #fff;\n }\n @supports not (overflow: clip){\n #ayat-online-academy{ overflow-x: hidden; }\n }\n @media (min-width: 1024px){\n #ayat-online-academy{\n width: 100vw;\n max-width: 100vw;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n }\n }\n\n \/* =========================\n Brand Palette\n ========================= *\/\n #ayat-online-academy{\n --brand: #9CA000;\n --brand-900: #2E3100;\n --brand-800: #3F4300;\n --brand-700: #565B00;\n --brand-600: #6D7200;\n --brand-500: #9CA000;\n --brand-300: #C9CD63;\n --brand-200: #E4E7B0;\n\n --brand-a08: rgba(156, 160, 0, 0.08);\n --brand-a10: rgba(156, 160, 0, 0.10);\n --brand-a14: rgba(156, 160, 0, 0.14);\n --brand-a18: rgba(156, 160, 0, 0.18);\n --brand-a26: rgba(156, 160, 0, 0.26);\n\n --ink: var(--brand-900);\n --text: var(--brand-700);\n --muted: rgba(86, 91, 0, 0.78);\n\n --bg: #ffffff;\n --soft: #fbfbf4;\n --line: rgba(0,0,0,0.06);\n\n --shadow-sm: 0 8px 18px rgba(0,0,0,0.06);\n --shadow-md: 0 16px 34px rgba(0,0,0,0.10);\n\n --r-xl: 22px;\n --r-lg: 18px;\n --r-md: 14px;\n\n --transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n color: var(--text);\n line-height: 1.65;\n background: var(--bg);\n }\n\n #ayat-online-academy *{ box-sizing: border-box; }\n #ayat-online-academy img{ max-width: 100%; height: auto; display:block; }\n #ayat-online-academy a{ color: inherit; text-decoration: none; transition: var(--transition); }\n #ayat-online-academy ul{ list-style:none; margin:0; padding:0; }\n\n #ayat-online-academy .container{\n width: 100%;\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 clamp(16px, 2.2vw, 28px);\n }\n\n #ayat-online-academy .section-padding{\n padding: clamp(56px, 6vw, 92px) 0;\n }\n\n #ayat-online-academy .section-header{\n text-align:center;\n margin-bottom: clamp(24px, 4vw, 52px);\n }\n\n #ayat-online-academy .section-header h2{\n font-size: clamp(26px, 3vw, 40px);\n font-weight: 900;\n color: var(--ink);\n letter-spacing: -0.4px;\n margin: 0 0 12px;\n position: relative;\n display: inline-block;\n }\n #ayat-online-academy .section-header h2:after{\n content:\"\";\n display:block;\n width: 60%;\n height: 6px;\n margin: 10px auto 0;\n border-radius: 999px;\n background: linear-gradient(90deg, transparent, var(--brand-a14), transparent);\n }\n\n #ayat-online-academy .section-header p{\n margin: 0 auto;\n max-width: 860px;\n font-size: clamp(15px, 1.25vw, 18px);\n color: var(--muted);\n }\n\n \/* Buttons *\/\n #ayat-online-academy .btn{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n padding: 14px 28px;\n border-radius: 12px;\n font-weight: 900;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n user-select: none;\n transform: translateZ(0);\n text-align: center;\n white-space: nowrap;\n }\n #ayat-online-academy .btn:focus-visible{\n outline: 3px solid var(--brand-a26);\n outline-offset: 2px;\n box-shadow: 0 0 0 4px var(--brand-a10);\n }\n #ayat-online-academy .btn-primary{\n background: var(--brand);\n color: #fff;\n box-shadow: 0 10px 24px var(--brand-a18);\n }\n #ayat-online-academy .btn-primary:hover{\n transform: translateY(-2px);\n filter: brightness(1.05);\n box-shadow: 0 16px 34px var(--brand-a18);\n }\n #ayat-online-academy .btn-outline{\n background: transparent;\n border: 2px solid var(--brand);\n color: var(--brand-800);\n }\n #ayat-online-academy .btn-outline:hover{\n background: var(--brand-a10);\n transform: translateY(-1px);\n }\n\n \/* =========================\n Hero\n ========================= *\/\n #ayat-online-academy .hero{\n position: relative;\n padding: clamp(74px, 8vw, 118px) 0 22px;\n background:\n linear-gradient(rgba(255,255,255,0.90), rgba(255,255,255,0.92)),\n url('https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/hero-bg.jpg');\n background-size: cover;\n background-position: center;\n overflow: hidden;\n }\n\n #ayat-online-academy .hero:before,\n #ayat-online-academy .hero:after{\n content:\"\";\n position:absolute;\n width: 520px;\n height: 520px;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, var(--brand-a14), transparent 55%);\n filter: blur(2px);\n pointer-events:none;\n opacity: 0.9;\n }\n #ayat-online-academy .hero:before{ top: -240px; left: -200px; }\n #ayat-online-academy .hero:after{ bottom: -260px; right: -240px; }\n\n #ayat-online-academy .hero-flex{\n display:flex;\n align-items:center;\n gap: clamp(24px, 4vw, 64px);\n position: relative;\n z-index: 1;\n }\n #ayat-online-academy .hero-content{ flex: 1; }\n #ayat-online-academy .hero-content h1{\n margin: 0 0 16px;\n font-size: clamp(34px, 4.2vw, 58px);\n line-height: 1.12;\n font-weight: 950;\n color: var(--ink);\n letter-spacing: -0.7px;\n }\n #ayat-online-academy .hero-content p{\n margin: 0 0 28px;\n max-width: 720px;\n font-size: clamp(15px, 1.55vw, 20px);\n color: var(--muted);\n }\n #ayat-online-academy .hero-btns{\n display:flex;\n gap: 14px;\n flex-wrap: wrap;\n }\n\n #ayat-online-academy .hero-image{ flex: 1; background: transparent; }\n #ayat-online-academy .hero-image img{\n border-radius: 0;\n box-shadow: none;\n background: transparent;\n filter: drop-shadow(0 18px 38px rgba(0,0,0,0.18));\n transform: translateZ(0);\n }\n\n \/* =========================\n Hero Stats\n ========================= *\/\n #ayat-online-academy .hero-stats{\n margin-top: 22px;\n position: relative;\n z-index: 2;\n }\n #ayat-online-academy .hero-stats-bar{\n width: 100%;\n border: 1px solid var(--line);\n background: rgba(255,255,255,0.85);\n backdrop-filter: blur(10px);\n border-radius: var(--r-xl);\n box-shadow: var(--shadow-sm);\n padding: 14px 14px;\n }\n #ayat-online-academy .hero-stats-row{\n display:flex;\n gap: 12px;\n align-items: stretch;\n }\n #ayat-online-academy .hero-stat{\n flex: 1 1 0;\n min-width: 0;\n text-align:center;\n padding: 10px 6px;\n border-radius: 14px;\n }\n #ayat-online-academy .hero-stat strong{\n display:block;\n font-size: clamp(18px, 2.1vw, 28px);\n line-height: 1.1;\n font-weight: 950;\n color: var(--brand-900);\n letter-spacing: -0.3px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n #ayat-online-academy .hero-stat span{\n display:block;\n margin-top: 6px;\n font-size: clamp(11px, 1.05vw, 14px);\n font-weight: 800;\n color: var(--brand-700);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n @media (max-width: 600px){\n #ayat-online-academy .hero-stats-bar{ padding: 10px 10px; }\n #ayat-online-academy .hero-stats-row{\n flex-wrap: nowrap;\n gap: 8px;\n }\n #ayat-online-academy .hero-stat{ padding: 8px 4px; }\n #ayat-online-academy .hero-stat strong{ font-size: 14px; }\n #ayat-online-academy .hero-stat span{ font-size: 10px; }\n }\n\n \/* =========================\n Carousel\n ========================= *\/\n #ayat-online-academy .carousel-wrapper{ position: relative; }\n #ayat-online-academy .carousel-viewport{\n overflow:hidden;\n padding-bottom: 10px;\n touch-action: pan-y;\n overscroll-behavior-x: contain;\n }\n #ayat-online-academy .carousel-track{\n display:flex;\n gap: 20px;\n transition: transform 0.45s ease;\n will-change: transform;\n cursor: grab;\n user-select:none;\n }\n #ayat-online-academy .carousel-track:active{ cursor: grabbing; }\n\n #ayat-online-academy .carousel-nav{\n display:flex;\n justify-content:center;\n gap: 10px;\n margin-top: 18px;\n }\n #ayat-online-academy .dot{\n width: 12px; height: 12px;\n border-radius: 50%;\n background: rgba(0,0,0,0.12);\n border:none;\n cursor:pointer;\n transition: var(--transition);\n }\n #ayat-online-academy .dot.active{\n background: var(--brand);\n transform: scale(1.2);\n }\n #ayat-online-academy .arrow{\n position:absolute;\n top: 42%;\n transform: translateY(-50%);\n width: 46px; height: 46px;\n border-radius: 50%;\n border: 1px solid var(--line);\n background: rgba(255,255,255,0.95);\n box-shadow: var(--shadow-sm);\n color: var(--brand-800);\n display:flex;\n align-items:center;\n justify-content:center;\n cursor:pointer;\n z-index: 10;\n transition: var(--transition);\n backdrop-filter: blur(8px);\n }\n #ayat-online-academy .arrow:hover{\n background: var(--brand);\n color:#fff;\n transform: translateY(-50%) scale(1.03);\n }\n #ayat-online-academy .arrow-prev{ left: 10px; }\n #ayat-online-academy .arrow-next{ right: 10px; }\n\n \/* =========================\n Courses\n ========================= *\/\n #ayat-online-academy .courses-section{ background: var(--soft); }\n\n #ayat-online-academy .course-card{\n flex: 0 0 calc((100% - 40px)\/3);\n background: #fff;\n border-radius: var(--r-lg);\n border: 1px solid var(--line);\n box-shadow: var(--shadow-sm);\n overflow:hidden;\n transition: var(--transition);\n transform: translateZ(0);\n }\n #ayat-online-academy .course-card:hover{\n transform: translateY(-6px);\n box-shadow: 0 22px 48px rgba(0,0,0,0.12);\n }\n #ayat-online-academy .course-img-box{ height: 210px; overflow:hidden; }\n #ayat-online-academy .course-img-box img{ width:100%; height:100%; object-fit:cover; }\n #ayat-online-academy .course-body{ padding: 22px; display:flex; flex-direction:column; gap: 10px; }\n #ayat-online-academy .course-tag{\n width: fit-content;\n font-size: 12px;\n font-weight: 900;\n padding: 6px 12px;\n border-radius: 999px;\n background: var(--brand-a10);\n color: var(--brand-800);\n }\n #ayat-online-academy .course-body h3{\n margin: 0;\n font-size: 20px;\n color: var(--ink);\n letter-spacing: -0.2px;\n }\n #ayat-online-academy .course-body p{\n margin: 0;\n color: var(--muted);\n font-size: 15px;\n flex-grow: 1;\n }\n\n \/* Course Details *\/\n #ayat-online-academy .course-toggle{\n display:inline-flex;\n align-items:center;\n justify-content:flex-start;\n gap: 8px;\n font-weight: 950;\n color: var(--brand-600);\n background: transparent;\n border: none;\n padding: 0;\n cursor: pointer;\n text-align:left;\n }\n #ayat-online-academy .course-toggle:hover{ transform: translateX(2px); }\n #ayat-online-academy .course-toggle:focus-visible{\n outline: 3px solid var(--brand-a26);\n outline-offset: 2px;\n border-radius: 10px;\n }\n #ayat-online-academy .course-details{\n border-top: 1px solid var(--line);\n margin-top: 10px;\n padding-top: 12px;\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n transition: max-height .35s ease, opacity .25s ease;\n }\n #ayat-online-academy .course-card.is-open .course-details{\n max-height: 360px;\n opacity: 1;\n }\n #ayat-online-academy .course-details ul{\n display:grid;\n gap: 8px;\n margin-bottom: 12px;\n }\n #ayat-online-academy .course-details li{\n display:flex;\n gap: 10px;\n align-items:flex-start;\n color: var(--muted);\n font-weight: 700;\n font-size: 14px;\n line-height: 1.5;\n }\n #ayat-online-academy .course-bullet{\n width: 18px; height: 18px;\n border-radius: 50%;\n background: var(--brand);\n color:#fff;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n flex: 0 0 18px;\n font-size: 12px;\n margin-top: 2px;\n box-shadow: 0 10px 18px var(--brand-a18);\n }\n #ayat-online-academy .course-actions{\n display:flex;\n gap: 10px;\n flex-wrap: wrap;\n }\n #ayat-online-academy .btn-mini{\n padding: 10px 14px;\n border-radius: 12px;\n font-weight: 950;\n font-size: 13px;\n }\n #ayat-online-academy .btn-soft{\n background: var(--brand-a10);\n color: var(--brand-800);\n border: 1px solid var(--brand-a18);\n }\n #ayat-online-academy .btn-soft:hover{\n background: var(--brand-a14);\n transform: translateY(-1px);\n }\n\n \/* =========================\n About\n ========================= *\/\n #ayat-online-academy .about-flex{\n display:flex;\n align-items:center;\n gap: clamp(26px, 4vw, 74px);\n }\n #ayat-online-academy .about-content{ flex: 1; }\n #ayat-online-academy .about-content h2{\n margin: 0 0 14px;\n color: var(--ink);\n font-size: clamp(26px, 3vw, 40px);\n font-weight: 950;\n letter-spacing: -0.4px;\n }\n #ayat-online-academy .about-content p{\n margin: 0 0 22px;\n color: var(--muted);\n font-size: clamp(15px, 1.25vw, 18px);\n }\n #ayat-online-academy .about-bullets li{\n display:flex;\n gap: 10px;\n align-items:flex-start;\n margin-bottom: 12px;\n color: var(--text);\n font-weight: 800;\n }\n #ayat-online-academy .bullet-icon{\n width: 22px; height: 22px;\n border-radius: 50%;\n background: var(--brand);\n color:#fff;\n display:flex;\n align-items:center;\n justify-content:center;\n flex: 0 0 22px;\n margin-top: 2px;\n box-shadow: 0 10px 18px var(--brand-a18);\n font-size: 12px;\n }\n #ayat-online-academy .about-image{ flex: 1; }\n #ayat-online-academy .about-image img{\n width:100%;\n border-radius: var(--r-xl);\n box-shadow: var(--shadow-md);\n border: 1px solid rgba(0,0,0,0.04);\n }\n\n \/* =========================\n Why Choose Us\n ========================= *\/\n #ayat-online-academy .why-section{ background: #fff; }\n #ayat-online-academy .why-grid{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin-top: 24px;\n }\n #ayat-online-academy .why-card{\n background: #fff;\n border: 1px solid var(--line);\n border-radius: 18px;\n padding: 18px;\n box-shadow: 0 10px 22px rgba(0,0,0,0.06);\n transition: var(--transition);\n }\n #ayat-online-academy .why-card:hover{\n transform: translateY(-3px);\n box-shadow: 0 16px 30px rgba(0,0,0,0.09);\n }\n #ayat-online-academy .why-ico{\n width: 46px; height: 46px;\n border-radius: 14px;\n background: var(--brand-a10);\n border: 1px solid var(--brand-a18);\n display:flex;\n align-items:center;\n justify-content:center;\n color: var(--brand-900);\n margin-bottom: 12px;\n }\n #ayat-online-academy .why-ico svg{\n width: 22px;\n height: 22px;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n opacity: 0.98;\n }\n #ayat-online-academy .why-card h3{\n margin: 0 0 6px;\n color: var(--ink);\n font-size: 17px;\n font-weight: 950;\n letter-spacing: -0.2px;\n }\n #ayat-online-academy .why-card p{\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n line-height: 1.6;\n }\n\n \/* =========================\n Preview\n ========================= *\/\n #ayat-online-academy .preview-section{ background: var(--soft); }\n #ayat-online-academy .preview-card{\n background:#fff;\n border: 1px solid var(--line);\n border-radius: var(--r-xl);\n overflow:hidden;\n display:flex;\n box-shadow: var(--shadow-md);\n }\n #ayat-online-academy .preview-visual{ flex: 1; min-height: 320px; overflow:hidden; }\n #ayat-online-academy .preview-visual img{ width:100%; height:100%; object-fit:cover; transition: var(--transition); }\n #ayat-online-academy .preview-card:hover .preview-visual img{ transform: scale(1.05); }\n #ayat-online-academy .preview-text{ flex: 1; padding: clamp(20px, 3.2vw, 52px); }\n #ayat-online-academy .preview-text h3{\n margin: 0 0 12px;\n color: var(--ink);\n font-size: clamp(20px, 2vw, 30px);\n font-weight: 950;\n }\n #ayat-online-academy .preview-text p{ margin: 0 0 22px; color: var(--muted); }\n\n \/* =========================\n Testimonials\n ========================= *\/\n #ayat-online-academy .comment-card{\n flex: 0 0 calc((100% - 40px)\/3);\n background:#fff;\n border: 1px solid var(--line);\n border-radius: var(--r-xl);\n padding: 22px;\n box-shadow: var(--shadow-sm);\n transition: var(--transition);\n }\n #ayat-online-academy .comment-card:hover{\n transform: translateY(-4px);\n box-shadow: 0 18px 38px rgba(0,0,0,0.10);\n }\n #ayat-online-academy .comment-user{\n display:flex;\n align-items:center;\n gap: 12px;\n margin-bottom: 14px;\n }\n #ayat-online-academy .comment-user img{\n width: 56px; height: 56px;\n border-radius: 50%;\n object-fit: cover;\n border: 2px solid var(--brand);\n box-shadow: 0 10px 18px var(--brand-a18);\n }\n #ayat-online-academy .user-meta h4{\n margin: 0;\n font-size: 15px;\n font-weight: 950;\n color: var(--ink);\n }\n #ayat-online-academy .user-meta span{\n display:block;\n font-size: 13px;\n color: var(--muted);\n font-weight: 700;\n margin-top: 2px;\n }\n #ayat-online-academy .comment-body{\n margin: 0;\n color: var(--muted);\n font-style: italic;\n font-size: 15px;\n line-height: 1.7;\n }\n\n \/* =========================\n FAQ\n ========================= *\/\n #ayat-online-academy .faq-grid{\n max-width: 980px;\n margin: 0 auto;\n display:grid;\n gap: 14px;\n }\n #ayat-online-academy .faq{\n background:#fff;\n border: 1px solid var(--line);\n border-radius: 18px;\n box-shadow: var(--shadow-sm);\n overflow:hidden;\n }\n #ayat-online-academy .faq summary{\n list-style:none;\n cursor:pointer;\n padding: 16px 18px;\n display:flex;\n justify-content: space-between;\n align-items:center;\n gap: 12px;\n font-weight: 950;\n color: var(--ink);\n }\n #ayat-online-academy .faq summary::-webkit-details-marker{ display:none; }\n #ayat-online-academy .faq summary .chev{\n width: 34px; height: 34px;\n border-radius: 12px;\n border: 1px solid var(--line);\n display:inline-flex;\n align-items:center;\n justify-content:center;\n color: var(--brand-800);\n transition: var(--transition);\n background: #fff;\n flex: 0 0 34px;\n }\n #ayat-online-academy .faq[open] summary .chev{\n transform: rotate(180deg);\n background: var(--brand-a10);\n border-color: var(--brand-a18);\n }\n #ayat-online-academy .faq .faq-body{\n padding: 0 18px 18px;\n color: var(--muted);\n font-size: 15px;\n }\n\n \/* Back to top *\/\n #ayat-online-academy .back-to-top{\n position: fixed;\n bottom: 30px;\n right: 30px;\n width: 46px;\n height: 46px;\n border-radius: 50%;\n background: var(--brand);\n color:#fff;\n display:flex;\n align-items:center;\n justify-content:center;\n cursor:pointer;\n opacity: 0;\n visibility:hidden;\n transition: var(--transition);\n z-index: 99;\n box-shadow: 0 14px 28px rgba(0,0,0,0.22);\n }\n #ayat-online-academy .back-to-top.show{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n \/* Floating WhatsApp *\/\n #ayat-online-academy .btn-whatsapp{ background:#25D366; color:#fff; }\n #ayat-online-academy .btn-whatsapp:hover{ background:#128C7E; }\n\n #ayat-online-academy .wa-panel{\n position: fixed;\n bottom: 30px;\n left: 30px;\n width: 320px;\n background:#fff;\n border-radius: 18px;\n box-shadow: 0 18px 44px rgba(0,0,0,0.18);\n z-index: 10000;\n overflow:hidden;\n display:none;\n animation: slideIn 0.45s ease forwards;\n border: 1px solid rgba(0,0,0,0.06);\n }\n @keyframes slideIn{\n from{ transform: translateY(100px); opacity: 0; }\n to{ transform: translateY(0); opacity: 1; }\n }\n #ayat-online-academy .wa-header{\n background: var(--brand);\n color:#fff;\n padding: 14px 18px;\n font-weight: 950;\n display:flex;\n justify-content: space-between;\n align-items:center;\n }\n #ayat-online-academy .wa-body{ padding: 16px 18px 18px; }\n #ayat-online-academy .wa-body p{ margin: 0 0 14px; color: var(--muted); font-size: 14px; }\n #ayat-online-academy .wa-time-select select{\n width:100%;\n padding: 10px;\n border-radius: 12px;\n border: 1px solid var(--line);\n }\n\n \/* Scroll reveal *\/\n #ayat-online-academy [data-animate]{\n opacity: 0;\n transform: translateY(14px);\n transition: opacity .6s ease, transform .6s ease;\n }\n #ayat-online-academy .is-in{\n opacity: 1;\n transform: translateY(0);\n }\n\n @media (prefers-reduced-motion: reduce){\n #ayat-online-academy *{ transition: none !important; animation: none !important; scroll-behavior: auto !important; }\n #ayat-online-academy [data-animate]{ opacity: 1; transform: none; }\n }\n\n \/* Responsive *\/\n @media (max-width: 992px){\n #ayat-online-academy .hero-flex,\n #ayat-online-academy .about-flex,\n #ayat-online-academy .preview-card{\n flex-direction: column;\n text-align: center;\n }\n #ayat-online-academy .hero-content p{ margin: 0 auto 26px; }\n #ayat-online-academy .hero-btns{ justify-content: center; }\n #ayat-online-academy .why-grid{ grid-template-columns: repeat(2,1fr); }\n\n #ayat-online-academy .course-card,\n #ayat-online-academy .comment-card{\n flex: 0 0 calc((100% - 20px)\/2);\n }\n }\n\n @media (max-width: 600px){\n #ayat-online-academy .why-grid{ grid-template-columns: 1fr; }\n\n #ayat-online-academy .course-card,\n #ayat-online-academy .comment-card{\n flex: 0 0 100%;\n }\n\n #ayat-online-academy .arrow{ display:none; }\n #ayat-online-academy .carousel-track{ gap: 14px; }\n\n #ayat-online-academy .wa-panel{\n left: 10px; right: 10px; width: auto;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"ayat-online-academy\">\n\n <section class=\"hero\">\n <div class=\"container hero-flex\">\n <div class=\"hero-content\" data-animate>\n <h1>Authentic Quran & Arabic Learning Online<\/h1>\n <p>Master the Holy Quran with Tajweed and build a strong foundation in Arabic through personalized 1-on-1 sessions at Ayat Online Academy.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#\" class=\"btn btn-primary\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book my lesson.\">Get Started Now<\/a>\n\n <!-- \u2705 Explore Courses updated -->\n <a href=\"https:\/\/ayatonlineacademy.com\/index.php\/460-2\/\" class=\"btn btn-outline\">Explore Courses<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-image\" data-animate>\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png\" alt=\"Quran Learning\" loading=\"eager\" fetchpriority=\"high\">\n <\/div>\n <\/div>\n\n <div class=\"container hero-stats\" aria-label=\"Key statistics\">\n <div class=\"hero-stats-bar\" data-animate>\n <div class=\"hero-stats-row\">\n <div class=\"hero-stat\">\n <strong class=\"counter\" data-target=\"3020\" data-prefix=\"+\" data-suffix=\"\">0<\/strong>\n <span>Active Students<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <strong class=\"counter\" data-target=\"295\" data-prefix=\"+\" data-suffix=\"\">0<\/strong>\n <span>Al-Azhar Teachers<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <strong class=\"counter\" data-target=\"2400\" data-prefix=\"+\" data-suffix=\"\">0<\/strong>\n <span>Satisfied Students<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <strong class=\"counter\" data-target=\"98\" data-prefix=\"\" data-suffix=\"%\">0<\/strong>\n <span>Success Rating<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"courses-section section-padding\">\n <div class=\"container\">\n <div class=\"section-header\" data-animate>\n <h2>Our Specialized Courses<\/h2>\n <p>Expertly structured programs for kids, beginners, and advanced learners worldwide.<\/p>\n <\/div>\n\n <div class=\"carousel-wrapper\" id=\"courses-carousel\" tabindex=\"0\" aria-label=\"Courses carousel\" data-animate>\n <div class=\"arrow arrow-prev\" role=\"button\" aria-label=\"Previous\">\u276e<\/div>\n <div class=\"arrow arrow-next\" role=\"button\" aria-label=\"Next\">\u276f<\/div>\n\n <div class=\"carousel-viewport\">\n <div class=\"carousel-track\">\n\n <!-- Course 1 -->\n <div class=\"course-card\" data-course=\"recitation\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/recitation.jpg\" alt=\"Learn Quran Recitation\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">All Levels<\/span>\n <h3>Learn Quran Recitation<\/h3>\n <p>Build strong foundations and improve pronunciation with correction.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> 1-on-1 live sessions + practical correction.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Focus: Makharij, fluency, and confidence.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Weekly progress tracking + home practice plan.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Suitable for kids & adults (all levels).<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Learn Quran Recitation.\">Book Now<\/a>\n <a href=\"\/courses\/learn-quran-recitation\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 2 -->\n <div class=\"course-card\" data-course=\"tajweed\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/tajweed.jpg\" alt=\"Tajweed Mastery\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Rules + Practice<\/span>\n <h3>Tajweed Mastery<\/h3>\n <p>Master rules, articulation points, and recite with confidence.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Tajweed rules explained with examples.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Daily practice drills + error correction.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Clear milestones and assessment checkpoints.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Flexible scheduling across timezones.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Tajweed Mastery.\">Book Now<\/a>\n <a href=\"\/courses\/tajweed-mastery\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 3 -->\n <div class=\"course-card\" data-course=\"quranic-arabic\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quranic-arabic.jpg\" alt=\"Quranic Arabic\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Comprehension<\/span>\n <h3>Quranic Arabic<\/h3>\n <p>Understand meanings and patterns step-by-step for deeper comprehension.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Vocabulary + grammar patterns from Quran.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Step-by-step comprehension exercises.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Guided practice with real ayat examples.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Suitable for teens & adults.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Quranic Arabic.\">Book Now<\/a>\n <a href=\"\/courses\/quranic-arabic\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 4 -->\n <div class=\"course-card\" data-course=\"kids-arabic\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/arabic-kids.jpg\" alt=\"Arabic for Kids\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Kids<\/span>\n <h3>Arabic for Kids<\/h3>\n <p>Fun, step-by-step Arabic lessons for children with weekly practice.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Interactive lessons with games & visuals.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Weekly practice plan for parents.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Pronunciation + basic reading skills.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> 1-on-1 sessions tailored to age.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Arabic for Kids.\">Book Now<\/a>\n <a href=\"\/courses\/arabic-for-kids\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 5 -->\n <div class=\"course-card\" data-course=\"noorani\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/noorani.jpg\" alt=\"Noorani Qaida\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Beginner<\/span>\n <h3>Noorani Qaida<\/h3>\n <p>Learn letters, sounds, and blending to start Quran reading correctly.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Arabic letters + sounds + blending.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Clear beginner steps with corrections.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Perfect for kids & new learners.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Builds a strong Quran reading foundation.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Noorani Qaida.\">Book Now<\/a>\n <a href=\"\/courses\/noorani-qaida\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 6 -->\n <div class=\"course-card\" data-course=\"hifz\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/hifz.jpg\" alt=\"Hifz Program\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Memorization<\/span>\n <h3>Hifz Program<\/h3>\n <p>Memorization plan with revision schedule and consistent teacher follow-up.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Custom memorization + revision plan.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Weekly targets with teacher follow-up.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Tajweed correction while memorizing.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Suitable for kids & adults.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Hifz Program.\">Book Now<\/a>\n <a href=\"\/courses\/hifz-program\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 7 -->\n <div class=\"course-card\" data-course=\"islamic-studies\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/islamic-studies.jpg\" alt=\"Islamic Studies\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Essentials<\/span>\n <h3>Islamic Studies<\/h3>\n <p>Core Islamic knowledge with clear lessons suitable for families worldwide.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Aqeedah, Fiqh basics, manners & worship.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Clear curriculum suitable for families.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Interactive Q&A and weekly practice.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Suitable for all ages with levels.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Islamic Studies.\">Book Now<\/a>\n <a href=\"\/courses\/islamic-studies\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 8 -->\n <div class=\"course-card\" data-course=\"tafsir\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/tafsir.jpg\" alt=\"Quran Tafsir Basics\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Understanding<\/span>\n <h3>Quran Tafsir Basics<\/h3>\n <p>Simple explanations that help learners understand meanings and context.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Context + meanings + key lessons.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Simple and structured tafsir sessions.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Suitable for beginners and families.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Weekly reflection and Q&A.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Quran Tafsir Basics.\">Book Now<\/a>\n <a href=\"\/courses\/quran-tafsir-basics\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Course 9 -->\n <div class=\"course-card\" data-course=\"conversation\">\n <div class=\"course-img-box\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/conversation.jpg\" alt=\"Arabic Conversation\" loading=\"lazy\">\n <\/div>\n <div class=\"course-body\">\n <span class=\"course-tag\">Speaking<\/span>\n <h3>Arabic Conversation<\/h3>\n <p>Build speaking confidence with guided topics and corrections.<\/p>\n\n <button class=\"course-toggle\" type=\"button\" aria-expanded=\"false\">\n Course Details <span aria-hidden=\"true\">\u25be<\/span>\n <\/button>\n\n <div class=\"course-details\" aria-hidden=\"true\">\n <ul>\n <li><span class=\"course-bullet\">\u2713<\/span> Guided speaking topics with corrections.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Pronunciation + vocabulary building.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Real-life conversation scenarios.<\/li>\n <li><span class=\"course-bullet\">\u2713<\/span> Suitable for teens & adults.<\/li>\n <\/ul>\n <div class=\"course-actions\">\n <a href=\"#\" class=\"btn btn-primary btn-mini\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book Arabic far.\">Book Now<\/a>\n <a href=\"\/courses\/arabic-conversation\/\" class=\"btn btn-mini btn-soft\">Open Full Page<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"carousel-nav\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"about-section section-padding\">\n <div class=\"container about-flex\">\n <div class=\"about-content\" data-animate>\n <h2>Why Ayat Online Academy?<\/h2>\n <p>We bridge the gap between students and expert scholars, providing a safe and effective digital environment for spiritual and linguistic growth.<\/p>\n <ul class=\"about-bullets\">\n <li><span class=\"bullet-icon\">\u2713<\/span> Personalized 1-on-1 sessions tailored to your pace.<\/li>\n <li><span class=\"bullet-icon\">\u2713<\/span> Expert male and female tutors certified by Al-Azhar.<\/li>\n <li><span class=\"bullet-icon\">\u2713<\/span> Flexible 24\/7 scheduling to fit your lifestyle.<\/li>\n <li><span class=\"bullet-icon\">\u2713<\/span> Interactive curriculum designed for all ages.<\/li>\n <\/ul>\n\n <div style=\"margin-top:26px;\">\n <a\n href=\"https:\/\/api.whatsapp.com\/send\/?phone=201006632541&text=Booking%3A+Reading+Basics&type=phone_number&app_absent=0\"\n target=\"_blank\"\n rel=\"noopener\"\n class=\"btn btn-primary\"\n aria-label=\"Contact Support on WhatsApp\"\n >\n Contact Support\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"about-image\" data-animate>\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/lesson-preview.png\" alt=\"About Ayat Academy\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"why-section section-padding\">\n <div class=\"container\">\n <div class=\"section-header\" data-animate>\n <h2>Why Choose Us<\/h2>\n <p>Clear learning plans, trusted teachers, and a supportive experience designed for real progress.<\/p>\n <\/div>\n\n <div class=\"why-grid\">\n <div class=\"why-card\" data-animate>\n <div class=\"why-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 21a8 8 0 0 0-16 0\"\/><circle cx=\"12\" cy=\"8\" r=\"4\"\/><\/svg>\n <\/div>\n <h3>Qualified Tutors<\/h3>\n <p>Experienced male & female teachers with strong recitation and teaching methodology.<\/p>\n <\/div>\n\n <div class=\"why-card\" data-animate>\n <div class=\"why-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 19a2 2 0 0 0 2 2h13\"\/><path d=\"M6 3h13v18H6a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\"\/><path d=\"M8 7h8\"\/><\/svg>\n <\/div>\n <h3>Structured Curriculum<\/h3>\n <p>Step-by-step plans for beginners to advanced learners with clear milestones.<\/p>\n <\/div>\n\n <div class=\"why-card\" data-animate>\n <div class=\"why-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v6l3 2\"\/><\/svg>\n <\/div>\n <h3>Flexible Scheduling<\/h3>\n <p>Choose times that match your timezone and daily routine \u2014 easy rescheduling.<\/p>\n <\/div>\n\n <div class=\"why-card\" data-animate>\n <div class=\"why-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 19V5\"\/><path d=\"M4 19h16\"\/><path d=\"M8 15v-4\"\/><path d=\"M12 15V9\"\/><path d=\"M16 15V7\"\/><\/svg>\n <\/div>\n <h3>Measurable Progress<\/h3>\n <p>Regular feedback, corrections, and practice guidance between sessions.<\/p>\n <\/div>\n\n <div class=\"why-card\" data-animate>\n <div class=\"why-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l8 4v6c0 5-3.5 9-8 10-4.5-1-8-5-8-10V7l8-4z\"\/><\/svg>\n <\/div>\n <h3>Safe Learning Space<\/h3>\n <p>A respectful, family-friendly environment with supportive communication.<\/p>\n <\/div>\n\n <div class=\"why-card\" data-animate>\n <div class=\"why-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/><path d=\"M7 8h10\"\/><path d=\"M7 12h8\"\/><\/svg>\n <\/div>\n <h3>Fast Support<\/h3>\n <p>Quick help through WhatsApp and contact channels whenever you need it.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"preview-section section-padding\">\n <div class=\"container\">\n <div class=\"section-header\" data-animate>\n <h2>Experience the Learning<\/h2>\n <p>Take a glimpse into our interactive and modern teaching methodology.<\/p>\n <\/div>\n\n <div class=\"preview-card\" data-animate>\n <div class=\"preview-visual\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/lesson-preview.jpg\" alt=\"Lesson Preview\" loading=\"lazy\">\n <\/div>\n <div class=\"preview-text\">\n <h3>Interactive 1-on-1 Lessons<\/h3>\n <p>We combine traditional recitation methods with digital interactive tools. Visual aids, real-time correction, and screen sharing help you apply Tajweed rules correctly.<\/p>\n <a href=\"#\" class=\"btn btn-primary\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I want to book a preview class.\">Book Your Preview Class<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"comments-section section-padding\">\n <div class=\"container\">\n <div class=\"section-header\" data-animate>\n <h2>Voices of Our Community<\/h2>\n <p>Real feedback from parents and guardians around the world.<\/p>\n <\/div>\n\n <div class=\"carousel-wrapper\" id=\"comments-carousel\" tabindex=\"0\" aria-label=\"Testimonials carousel\" data-animate>\n <div class=\"arrow arrow-prev\" role=\"button\" aria-label=\"Previous\">\u276e<\/div>\n <div class=\"arrow arrow-next\" role=\"button\" aria-label=\"Next\">\u276f<\/div>\n\n <div class=\"carousel-viewport\">\n <div class=\"carousel-track\">\n <div class=\"comment-card\">\n <div class=\"comment-user\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/parents\/omar-canada.jpg\" alt=\"Parent testimonial\" loading=\"lazy\">\n <div class=\"user-meta\"><h4>Omar Al-Harbi<\/h4><span>Father | Canada<\/span><\/div>\n <\/div>\n <p class=\"comment-body\">“My son\u2019s recitation improved noticeably within weeks. Feedback is clear, and the schedule fits our time zone perfectly.”<\/p>\n <\/div>\n\n <div class=\"comment-card\">\n <div class=\"comment-user\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/parents\/fatima-usa.jpg\" alt=\"Parent testimonial\" loading=\"lazy\">\n <div class=\"user-meta\"><h4>Fatima El-Sayed<\/h4><span>Mother | United States<\/span><\/div>\n <\/div>\n <p class=\"comment-body\">“Very organized lessons. I love how the teacher corrects mistakes gently and tracks progress. My daughter is motivated.”<\/p>\n <\/div>\n\n <div class=\"comment-card\">\n <div class=\"comment-user\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/parents\/yusuf-uk.jpg\" alt=\"Parent testimonial\" loading=\"lazy\">\n <div class=\"user-meta\"><h4>Yusuf Ben Ali<\/h4><span>Guardian | United Kingdom<\/span><\/div>\n <\/div>\n <p class=\"comment-body\">“Great structure and measurable progress. We receive guidance on what to practice between sessions.”<\/p>\n <\/div>\n\n <div class=\"comment-card\">\n <div class=\"comment-user\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/parents\/aisha-germany.jpg\" alt=\"Parent testimonial\" loading=\"lazy\">\n <div class=\"user-meta\"><h4>Aisha Al-Zahra<\/h4><span>Mother | Germany<\/span><\/div>\n <\/div>\n <p class=\"comment-body\">“Tajweed rules became easy to understand because the teacher explains with examples and practical drills.”<\/p>\n <\/div>\n\n <div class=\"comment-card\">\n <div class=\"comment-user\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/parents\/iqbal-canada.jpg\" alt=\"Parent testimonial\" loading=\"lazy\">\n <div class=\"user-meta\"><h4>Muhammad Iqbal Khan<\/h4><span>Father | Canada<\/span><\/div>\n <\/div>\n <p class=\"comment-body\">“Excellent communication. Sessions start on time, and the teaching style is professional and friendly.”<\/p>\n <\/div>\n\n <div class=\"comment-card\">\n <div class=\"comment-user\">\n <img decoding=\"async\" src=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/parents\/khadijah-usa.jpg\" alt=\"Parent testimonial\" loading=\"lazy\">\n <div class=\"user-meta\"><h4>Khadijah Nur Sari<\/h4><span>Mother | United States<\/span><\/div>\n <\/div>\n <p class=\"comment-body\">“My child enjoys the Arabic lessons. The content is step-by-step and not overwhelming.”<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel-nav\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"faq-section section-padding\">\n <div class=\"container\">\n <div class=\"section-header\" data-animate>\n <h2>Frequently Asked Questions<\/h2>\n <p>Quick answers about trials, schedules, teachers, and programs.<\/p>\n <\/div>\n\n <div class=\"faq-grid\" data-animate>\n <details class=\"faq\">\n <summary>Is there a free trial class? <span class=\"chev\">\u2304<\/span><\/summary>\n <div class=\"faq-body\">Yes. You can book a free assessment\/trial class to evaluate the level and choose the best plan.<\/div>\n <\/details>\n <details class=\"faq\">\n <summary>Do you teach kids and adults? <span class=\"chev\">\u2304<\/span><\/summary>\n <div class=\"faq-body\">Yes. Our programs are suitable for kids, teens, and adults across beginner to advanced levels.<\/div>\n <\/details>\n <details class=\"faq\">\n <summary>Are teachers certified? <span class=\"chev\">\u2304<\/span><\/summary>\n <div class=\"faq-body\">We work with qualified tutors, including certified teachers from Al-Azhar, with strong teaching experience.<\/div>\n <\/details>\n <details class=\"faq\">\n <summary>Can I choose my schedule? <span class=\"chev\">\u2304<\/span><\/summary>\n <div class=\"faq-body\">Absolutely. Flexible scheduling is available to match your timezone and daily routine.<\/div>\n <\/details>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u2705 Footer \u0627\u0644\u0645\u062d\u0630\u0648\u0641 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 (\u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0645\u0639\u0644\u0645 \u0628\u0627\u0644\u0623\u062d\u0645\u0631) -->\n\n <div class=\"back-to-top\" id=\"back-top\" role=\"button\" aria-label=\"Scroll to top\">\u2191<\/div>\n\n <div class=\"wa-panel\" id=\"wa-panel\">\n <div class=\"wa-header\">\n <span>Ayat Online Academy Support<\/span>\n <span style=\"cursor:pointer\" id=\"wa-close\" aria-label=\"Close WhatsApp panel\">\u00d7<\/span>\n <\/div>\n\n <div class=\"wa-body\" id=\"wa-stage-1\">\n <p>Assalamu Alaikum! Support is available 24\/7. How can we help you today?<\/p>\n <a href=\"#\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-whatsapp\" style=\"width:100%\" data-wa=\"book\" data-wa-text=\"Hello Ayat Online Academy, I'm interested in a free trial lesson.\">Chat Now<\/a>\n <\/div>\n\n <div class=\"wa-body\" id=\"wa-stage-2\" style=\"display:none\">\n <p>Book your trial lesson now! Select your preferred time:<\/p>\n <div class=\"wa-time-select\">\n <select id=\"wa-time\">\n <option value=\"Morning\">Morning (8AM – 12PM)<\/option>\n <option value=\"Afternoon\">Afternoon (12PM – 5PM)<\/option>\n <option value=\"Evening\">Evening (5PM – 10PM)<\/option>\n <\/select>\n <\/div>\n <button class=\"btn btn-whatsapp\" id=\"wa-send-booking\" style=\"width:100%\" type=\"button\">Send on WhatsApp<\/button>\n <\/div>\n <\/div>\n\n <\/div>\n\n <script>\n (function(){\n const scope = document.querySelector('#ayat-online-academy');\n if (!scope) return;\n\n \/* ========== WhatsApp Config ========== *\/\n const WA_NUMBER = '201006632541';\n const WA_BASE = `https:\/\/wa.me\/${WA_NUMBER}`;\n\n const openWA = (text) => {\n const msg = encodeURIComponent(text || 'Hello Ayat Online Academy, I want to book my lesson.');\n window.open(`${WA_BASE}?text=${msg}`, '_blank', 'noopener');\n };\n\n scope.querySelectorAll('[data-wa=\"book\"]').forEach((el) => {\n const text = el.getAttribute('data-wa-text') || 'Hello Ayat Online Academy, I want to book my lesson.';\n if (el.tagName === 'A') {\n el.setAttribute('href', `${WA_BASE}?text=${encodeURIComponent(text)}`);\n el.setAttribute('target', '_blank');\n el.setAttribute('rel', 'noopener');\n el.addEventListener('click', (e) => {\n e.preventDefault();\n openWA(text);\n });\n } else {\n el.addEventListener('click', () => openWA(text));\n }\n });\n\n \/* ========== Scroll reveal ========== *\/\n const prefersReduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n if (!prefersReduced) {\n const revealObs = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-in');\n revealObs.unobserve(entry.target);\n }\n });\n }, { threshold: 0.18 });\n\n scope.querySelectorAll('[data-animate]').forEach(el => revealObs.observe(el));\n } else {\n scope.querySelectorAll('[data-animate]').forEach(el => el.classList.add('is-in'));\n }\n\n \/* ========== Carousel Logic (drag\/swipe) ========== *\/\n function initCarousel(id){\n const wrapper = scope.querySelector(`#${id}`);\n if (!wrapper) return;\n\n const viewport = wrapper.querySelector('.carousel-viewport');\n const track = wrapper.querySelector('.carousel-track');\n const prev = wrapper.querySelector('.arrow-prev');\n const next = wrapper.querySelector('.arrow-next');\n const dots = wrapper.querySelector('.carousel-nav');\n\n let index = 0;\n let isDown = false;\n let startX = 0;\n\n const getPerView = () => {\n if (window.innerWidth <= 600) return 1;\n if (window.innerWidth <= 992) return 2;\n return 3;\n };\n\n const getMaxIndex = () => {\n const perView = getPerView();\n const total = track.children.length;\n if (total <= perView) return 0;\n return Math.ceil((total - perView) \/ perView);\n };\n\n const update = () => {\n const perView = getPerView();\n const maxIndex = getMaxIndex();\n\n index = Math.min(Math.max(index, 0), maxIndex);\n\n const startChild = index * perView;\n const target = track.children[startChild];\n const offset = target ? target.offsetLeft : 0;\n track.style.transform = `translateX(-${offset}px)`;\n\n dots.innerHTML = '';\n for (let i=0; i<=maxIndex; i++){\n const b = document.createElement('button');\n b.type = 'button';\n b.className = `dot ${i === index ? 'active' : ''}`;\n b.setAttribute('aria-label', `Go to slide group ${i + 1}`);\n b.addEventListener('click', () => { index = i; update(); });\n dots.appendChild(b);\n }\n\n if (prev && next) {\n prev.style.opacity = index === 0 ? '0.5' : '1';\n next.style.opacity = index === maxIndex ? '0.5' : '1';\n prev.style.pointerEvents = index === 0 ? 'none' : 'auto';\n next.style.pointerEvents = index === maxIndex ? 'none' : 'auto';\n }\n };\n\n const goPrev = () => { index--; update(); };\n const goNext = () => { index++; update(); };\n\n prev && prev.addEventListener('click', goPrev);\n next && next.addEventListener('click', goNext);\n\n viewport.addEventListener('pointerdown', (e) => {\n isDown = true;\n startX = e.clientX;\n viewport.setPointerCapture(e.pointerId);\n });\n\n viewport.addEventListener('pointerup', (e) => {\n if (!isDown) return;\n isDown = false;\n const dx = e.clientX - startX;\n const threshold = Math.max(60, viewport.clientWidth * 0.15);\n if (Math.abs(dx) > threshold) {\n if (dx > 0) goPrev();\n else goNext();\n }\n });\n\n viewport.addEventListener('pointercancel', () => { isDown = false; });\n\n wrapper.addEventListener('keydown', (e) => {\n if (e.key === 'ArrowLeft') goPrev();\n if (e.key === 'ArrowRight') goNext();\n });\n\n window.addEventListener('resize', update);\n update();\n }\n\n initCarousel('courses-carousel');\n initCarousel('comments-carousel');\n\n \/* ========== Course Details toggle ========== *\/\n const courseCards = Array.from(scope.querySelectorAll('.course-card'));\n const closeAll = (exceptCard) => {\n courseCards.forEach(card => {\n if (exceptCard && card === exceptCard) return;\n card.classList.remove('is-open');\n const btn = card.querySelector('.course-toggle');\n const details = card.querySelector('.course-details');\n if (btn) btn.setAttribute('aria-expanded', 'false');\n if (details) details.setAttribute('aria-hidden', 'true');\n });\n };\n\n courseCards.forEach(card => {\n const btn = card.querySelector('.course-toggle');\n const details = card.querySelector('.course-details');\n if (!btn || !details) return;\n\n btn.addEventListener('click', () => {\n const isOpen = card.classList.contains('is-open');\n if (isOpen) {\n card.classList.remove('is-open');\n btn.setAttribute('aria-expanded', 'false');\n details.setAttribute('aria-hidden', 'true');\n } else {\n closeAll(card);\n card.classList.add('is-open');\n btn.setAttribute('aria-expanded', 'true');\n details.setAttribute('aria-hidden', 'false');\n\n if (window.innerWidth <= 992) {\n const y = card.getBoundingClientRect().top + window.scrollY - 90;\n window.scrollTo({ top: y, behavior: prefersReduced ? 'auto' : 'smooth' });\n }\n }\n });\n });\n\n \/* ========== Counters ========== *\/\n const countUp = (el) => {\n const target = parseInt(el.dataset.target || '0', 10);\n const prefix = el.dataset.prefix || '';\n const suffix = el.dataset.suffix || '';\n\n if (prefersReduced) {\n el.textContent = `${prefix}${target}${suffix}`;\n return;\n }\n\n let current = 0;\n const steps = 55;\n const step = Math.max(1, Math.floor(target \/ steps));\n\n const timer = setInterval(() => {\n current += step;\n if (current >= target) {\n el.textContent = `${prefix}${target}${suffix}`;\n clearInterval(timer);\n } else {\n el.textContent = `${prefix}${current}${suffix}`;\n }\n }, 22);\n };\n\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n countUp(entry.target);\n statsObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n\n scope.querySelectorAll('.counter').forEach((el) => statsObserver.observe(el));\n\n \/* ========== Back to Top ========== *\/\n const backTop = scope.querySelector('#back-top');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 500) backTop.classList.add('show');\n else backTop.classList.remove('show');\n }, { passive: true });\n\n backTop && backTop.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: prefersReduced ? 'auto' : 'smooth' });\n });\n\n \/* ========== WhatsApp Panel ========== *\/\n const waPanel = scope.querySelector('#wa-panel');\n const waStage1 = scope.querySelector('#wa-stage-1');\n const waStage2 = scope.querySelector('#wa-stage-2');\n const waClose = scope.querySelector('#wa-close');\n\n if (!sessionStorage.getItem('ayat_wa_panel')) {\n setTimeout(() => {\n waPanel.style.display = 'block';\n sessionStorage.setItem('ayat_wa_panel', 'seen');\n\n setTimeout(() => {\n if (waPanel.style.display !== 'none') {\n waStage1.style.display = 'none';\n waStage2.style.display = 'block';\n }\n }, 7000);\n }, 800);\n }\n\n waClose && waClose.addEventListener('click', () => {\n waPanel.style.display = 'none';\n });\n\n scope.querySelector('#wa-send-booking')?.addEventListener('click', () => {\n const time = scope.querySelector('#wa-time')?.value || 'Morning';\n const msg = `Hello Ayat Online Academy, I would like to book a free trial session. My preferred time is: ${time}.`;\n openWA(msg);\n });\n\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ayat Online Academy | Professional Quran & Arabic Learning Authentic Quran & Arabic Learning Online Master the Holy Quran with Tajweed and build a strong foundation in Arabic through personalized 1-on-1 sessions at Ayat Online Academy. Get Started Now Explore Courses 0 Active Students 0 Al-Azhar Teachers 0 Satisfied Students 0 Success Rating Our Specialized […]<\/p>\n","protected":false},"author":1,"featured_media":145,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Ayat Online<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ayatonlineacademy.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Ayat Online\" \/>\n<meta property=\"og:description\" content=\"Ayat Online Academy | Professional Quran & Arabic Learning Authentic Quran & Arabic Learning Online Master the Holy Quran with Tajweed and build a strong foundation in Arabic through personalized 1-on-1 sessions at Ayat Online Academy. Get Started Now Explore Courses 0 Active Students 0 Al-Azhar Teachers 0 Satisfied Students 0 Success Rating Our Specialized […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ayatonlineacademy.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Ayat Online\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-09T04:47:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png\" \/>\n\t<meta property=\"og:image:width\" content=\"432\" \/>\n\t<meta property=\"og:image:height\" content=\"578\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ayatonlineacademy.com\/\",\"url\":\"https:\/\/ayatonlineacademy.com\/\",\"name\":\"Home - Ayat Online\",\"isPartOf\":{\"@id\":\"https:\/\/ayatonlineacademy.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ayatonlineacademy.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ayatonlineacademy.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png\",\"datePublished\":\"2026-01-26T18:26:42+00:00\",\"dateModified\":\"2026-04-09T04:47:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ayatonlineacademy.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ayatonlineacademy.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ayatonlineacademy.com\/#primaryimage\",\"url\":\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png\",\"contentUrl\":\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png\",\"width\":432,\"height\":578},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ayatonlineacademy.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ayatonlineacademy.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ayatonlineacademy.com\/#website\",\"url\":\"https:\/\/ayatonlineacademy.com\/\",\"name\":\"Ayat Online Academy\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/ayatonlineacademy.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ayatonlineacademy.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ayatonlineacademy.com\/#organization\",\"name\":\"Ayat Online Academy\",\"url\":\"https:\/\/ayatonlineacademy.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ayatonlineacademy.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/ayat-logo.png\",\"contentUrl\":\"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/ayat-logo.png\",\"width\":1500,\"height\":1500,\"caption\":\"Ayat Online Academy\"},\"image\":{\"@id\":\"https:\/\/ayatonlineacademy.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Ayat Online","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:\/\/ayatonlineacademy.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - Ayat Online","og_description":"Ayat Online Academy | Professional Quran & Arabic Learning Authentic Quran & Arabic Learning Online Master the Holy Quran with Tajweed and build a strong foundation in Arabic through personalized 1-on-1 sessions at Ayat Online Academy. Get Started Now Explore Courses 0 Active Students 0 Al-Azhar Teachers 0 Satisfied Students 0 Success Rating Our Specialized […]","og_url":"https:\/\/ayatonlineacademy.com\/","og_site_name":"Ayat Online","article_modified_time":"2026-04-09T04:47:49+00:00","og_image":[{"width":432,"height":578,"url":"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ayatonlineacademy.com\/","url":"https:\/\/ayatonlineacademy.com\/","name":"Home - Ayat Online","isPartOf":{"@id":"https:\/\/ayatonlineacademy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ayatonlineacademy.com\/#primaryimage"},"image":{"@id":"https:\/\/ayatonlineacademy.com\/#primaryimage"},"thumbnailUrl":"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png","datePublished":"2026-01-26T18:26:42+00:00","dateModified":"2026-04-09T04:47:49+00:00","breadcrumb":{"@id":"https:\/\/ayatonlineacademy.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ayatonlineacademy.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ayatonlineacademy.com\/#primaryimage","url":"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png","contentUrl":"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/quran-book.png","width":432,"height":578},{"@type":"BreadcrumbList","@id":"https:\/\/ayatonlineacademy.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ayatonlineacademy.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/ayatonlineacademy.com\/#website","url":"https:\/\/ayatonlineacademy.com\/","name":"Ayat Online Academy","description":"","publisher":{"@id":"https:\/\/ayatonlineacademy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ayatonlineacademy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ayatonlineacademy.com\/#organization","name":"Ayat Online Academy","url":"https:\/\/ayatonlineacademy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ayatonlineacademy.com\/#\/schema\/logo\/image\/","url":"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/ayat-logo.png","contentUrl":"https:\/\/ayatonlineacademy.com\/wp-content\/uploads\/2026\/01\/ayat-logo.png","width":1500,"height":1500,"caption":"Ayat Online Academy"},"image":{"@id":"https:\/\/ayatonlineacademy.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":250,"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":603,"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/media\/145"}],"wp:attachment":[{"href":"https:\/\/ayatonlineacademy.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}