{"id":14437,"date":"2025-07-15T11:04:12","date_gmt":"2025-07-15T09:04:12","guid":{"rendered":"https:\/\/ejaada.com\/?page_id=14437"},"modified":"2025-10-22T20:02:55","modified_gmt":"2025-10-22T18:02:55","slug":"smart-teacher","status":"publish","type":"page","link":"https:\/\/ejaada.com\/en\/smart-teacher\/","title":{"rendered":"Smart Teacher"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Arabic AI Teacher Header<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n<\/head>\r\n<body>\r\n <!-- Enhanced Arabic AI Teacher Header -->\r\n <div class=\"arabic-teacher-header\">\r\n <div class=\"title-wrapper\">\r\n <h1 class=\"main-title\">\r\n Your smart teacher \r\n <span class=\"ai-badge\">AI<\/span>\r\n <\/h1>\r\n <div class=\"decorative-line\"><\/div>\r\n <p class=\"subtitle\">\r\n Your smart learning assistant is available 24\/7\r\n <\/p>\r\n <p class=\"description\">\r\n Learn Arabic in an interactive and fun way with the latest artificial intelligence technologies.\r\n <\/p>\r\n <\/div>\r\n \r\n \r\n <\/div>\r\n\r\n <style>\r\n\r\n\r\n .arabic-teacher-header {\r\n text-align: center;\r\n padding: 30px 10px 15px;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);\r\n border-radius: 20px;\r\n position: relative;\r\n overflow: hidden;\r\n margin: 0 auto;\r\n max-width: 750px;\r\n box-shadow: \r\n 0 15px 30px rgba(102, 126, 234, 0.3),\r\n 0 0 0 1px rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .title-wrapper {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .main-title {\r\n font-family: 'Amiri', 'Cairo', serif;\r\n font-size: 2.8rem;\r\n font-weight: 700;\r\n color: white;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .ai-badge {\r\n background: linear-gradient(145deg, #ff6b6b, #feca57);\r\n color: white;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 1.6rem;\r\n font-weight: 600;\r\n padding: 6px 16px;\r\n border-radius: 20px;\r\n box-shadow: \r\n 0 6px 12px rgba(255, 107, 107, 0.4),\r\n inset 0 2px 0 rgba(255, 255, 255, 0.2);\r\n position: relative;\r\n animation: aiGlow 3s ease-in-out infinite alternate;\r\n }\r\n\r\n .decorative-line {\r\n width: 100px;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);\r\n margin: 0 auto 18px;\r\n border-radius: 2px;\r\n }\r\n\r\n .subtitle {\r\n font-size: 1.2rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .description {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.85);\r\n font-weight: 400;\r\n line-height: 1.5;\r\n max-width: 550px;\r\n margin: 0 auto;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n \/* Decorative elements *\/\r\n .decoration {\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .decoration-1 {\r\n width: 120px;\r\n height: 120px;\r\n top: -60px;\r\n right: -60px;\r\n animation: float 8s ease-in-out infinite;\r\n }\r\n\r\n .decoration-2 {\r\n width: 80px;\r\n height: 80px;\r\n bottom: -40px;\r\n left: -40px;\r\n animation: float 6s ease-in-out infinite reverse;\r\n }\r\n\r\n .decoration-3 {\r\n width: 60px;\r\n height: 60px;\r\n top: 50%;\r\n left: -30px;\r\n animation: float 10s ease-in-out infinite;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes aiGlow {\r\n 0% {\r\n box-shadow: \r\n 0 6px 12px rgba(255, 107, 107, 0.4),\r\n inset 0 2px 0 rgba(255, 255, 255, 0.2),\r\n 0 0 0 0 rgba(255, 107, 107, 0.4);\r\n }\r\n 100% {\r\n box-shadow: \r\n 0 6px 12px rgba(255, 107, 107, 0.4),\r\n inset 0 2px 0 rgba(255, 255, 255, 0.2),\r\n 0 0 0 6px rgba(255, 107, 107, 0.1);\r\n }\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { \r\n transform: translateY(0px) rotate(0deg); \r\n }\r\n 50% { \r\n transform: translateY(-15px) rotate(180deg); \r\n }\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .arabic-teacher-header {\r\n padding: 35px 20px 25px;\r\n }\r\n \r\n .main-title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .ai-badge {\r\n font-size: 1.5rem;\r\n padding: 5px 14px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .arabic-teacher-header {\r\n padding: 30px 15px 20px;\r\n margin: 0 10px;\r\n }\r\n \r\n .main-title {\r\n font-size: 2.2rem;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .ai-badge {\r\n font-size: 1.3rem;\r\n padding: 5px 12px;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.1rem;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .description {\r\n font-size: 0.95rem;\r\n line-height: 1.4;\r\n }\r\n \r\n .decorative-line {\r\n width: 70px;\r\n margin-bottom: 15px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .arabic-teacher-header {\r\n padding: 25px 15px 15px;\r\n }\r\n \r\n .main-title {\r\n font-size: 1.8rem;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .ai-badge {\r\n font-size: 1.1rem;\r\n padding: 4px 10px;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1rem;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .description {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .decorative-line {\r\n width: 60px;\r\n margin-bottom: 12px;\r\n }\r\n }\r\n\r\n \/* RTL specific adjustments *\/\r\n [dir=\"rtl\"] .decoration-1 {\r\n right: auto;\r\n left: -60px;\r\n }\r\n \r\n [dir=\"rtl\"] .decoration-2 {\r\n left: auto;\r\n right: -40px;\r\n }\r\n \r\n [dir=\"rtl\"] .decoration-3 {\r\n left: auto;\r\n right: -30px;\r\n }\r\n <\/style>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea1e792 elementor-widget elementor-widget-html\" data-id=\"ea1e792\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n #heygen-smart-teacher-embed {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 30px 20px;\n background: transparent;\n position: relative;\n min-height: 600px;\n }\n #heygen-iframe-container {\n width: 100%;\n max-width: 700px;\n height: 650px;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n border: 2px solid rgba(255,255,255,0.3);\n transition: 0.3s;\n position: relative;\n opacity: 0;\n pointer-events: none;\n }\n #heygen-iframe-container.show {\n opacity: 1;\n pointer-events: auto;\n }\n #heygen-streaming-container {\n width: 100%;\n height: 100%;\n border: none;\n }\n #heygen-streaming-container iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n .ai-status {\n position: absolute;\n top: 15px;\n left: 15px;\n background: rgba(0, 0, 0, 0.8);\n color: #fff;\n padding: 5px 10px;\n border-radius: 16px;\n font-size: 12px;\n font-weight: 600;\n z-index: 20;\n }\n .ai-status .dot {\n width: 6px;\n height: 6px;\n background: #10b981;\n border-radius: 50%;\n display: inline-block;\n margin-right: 5px;\n }\n<\/style>\n\n<div id=\"heygen-smart-teacher-embed\">\n <div id=\"heygen-iframe-container\">\n <div class=\"ai-status\"><span class=\"dot\"><\/span>Smart Teacher live<\/div>\n <div id=\"heygen-streaming-container\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n (function () {\n const host = \"https:\/\/labs.heygen.com\";\n const url = \"https:\/\/labs.heygen.com\/guest\/streaming-embed?share=eyJxdWFsaXR5IjoiaGlnaCIsImF2YXRhck5hbWUiOiJHcmFoYW1fQmxhY2tfU2hpcnRfcHVibGljIiwicHJldmlld0ltZyI6Imh0dHBzOi8vZmlsZXMyLmhleWdlbi5haS9hdmF0YXIvdjMvMWJkMDE2MmNlOTg1NDE1MDkyZWQxZjAwM2FhOTA2NDZfNTUzNTAvcHJldmlld190YXJnZXQud2VicCIsIm5lZWRSZW1vdmVCYWNrZ3JvdW5kIjp0cnVlLCJrbm93bGVkZ2VCYXNlSWQiOiI2NjRkMmM2MWNjMGQ0NWI1YTQxMjA2MzFkYjc3MzI5NiIsInVzZXJuYW1lIjoiNzk5ZDQwYWZiMGJlNDY3NWI0N2IxOTRkN2UxN2MwZmEifQ%3D%3D&inIFrame=1\";\n\n const card = document.getElementById('heygen-iframe-container');\n const mount = document.getElementById('heygen-streaming-container');\n\n const iframe = document.createElement('iframe');\n iframe.allowFullscreen = false;\n iframe.title = \"Streaming Embed\";\n iframe.allow = \"microphone\";\n iframe.src = url;\n mount.appendChild(iframe);\n\n window.addEventListener('message', (e) => {\n if (e.origin !== host || !e.data || e.data.type !== 'streaming-embed') return;\n if (e.data.action === 'init') card.classList.add('show');\n });\n })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1667a77 e-flex e-con-boxed e-con e-parent\" data-id=\"1667a77\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16af691 elementor-widget elementor-widget-html\" data-id=\"16af691\" 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>Compact Arabic Hero Section<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"arabic-hero\" style=\" width: 100%; padding: 50px 20px; text-align: center; position: relative; margin-top: -20px; border-top: 1px solid #e9d5ff;\">\r\n \r\n <div style=\" max-width: 850px; margin: 0 auto; position: relative; z-index: 1; \">\r\n <h2 style=\" font-size: 2rem; line-height: 1.4; color: #5b21b6; margin-bottom: 12px; font-weight: 700; font-family: 'Tahoma', 'Segoe UI', sans-serif; \">\r\n Towards smart education... visual, interactive, and inspiring\r\n <\/h2>\r\n \r\n <div style=\" width: 100px; height: 3px; background: linear-gradient(to right, #a855f7, #7e22ce); margin: 0 auto 25px; border-radius: 2px; box-shadow: 0 2px 6px rgba(167, 139, 250, 0.4); \"><\/div>\r\n \r\n <p style=\" font-size: 1.4rem; line-height: 1.7; color: #6b21a8; max-width: 750px; margin: 0 auto 20px; font-weight: 600; font-family: 'Tahoma', 'Segoe UI', sans-serif; \">\r\n <strong style=\"color: #7e22ce\">We are proud to be the first educational platform to use interactive artificial intelligence technology to provide a unique educational experience.\r\n <\/p>\r\n \r\n <div style=\" display: inline-flex; align-items: center; background: rgba(124, 58, 237, 0.1); padding: 6px 16px; border-radius: 40px; border: 1px solid rgba(124, 58, 237, 0.3); margin-top: 12px; \">\r\n <div style=\" width: 8px; height: 8px; background: #7e22ce; border-radius: 50%; margin-left: 6px; animation: pulse 1.5s infinite; \"><\/div>\r\n <span style=\" font-size: 0.95rem; color: #7e22ce; font-weight: 600; \">\r\n Excellence, Education and Leadership\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .arabic-hero {\r\n padding: 40px 15px !important;\r\n }\r\n .arabic-hero h2 {\r\n font-size: 1.6rem !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .arabic-hero p {\r\n font-size: 1.2rem !important;\r\n margin-bottom: 15px !important;\r\n }\r\n .arabic-hero div[style*=\"width: 100px\"] {\r\n width: 80px !important;\r\n margin: 0 auto 20px !important;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .arabic-hero {\r\n padding: 30px 10px !important;\r\n }\r\n .arabic-hero h2 {\r\n font-size: 1.4rem !important;\r\n margin-bottom: 8px !important;\r\n }\r\n .arabic-hero p {\r\n font-size: 1rem !important;\r\n margin-bottom: 12px !important;\r\n }\r\n .arabic-hero div[style*=\"width: 100px\"] {\r\n width: 70px !important;\r\n margin: 0 auto 15px !important;\r\n }\r\n .arabic-hero div[style*=\"padding: 6px 16px\"] {\r\n padding: 5px 12px !important;\r\n }\r\n .arabic-hero span[style*=\"font-size: 0.95rem\"] {\r\n font-size: 0.85rem !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Arabic AI Teacher Header \u0645\u0639\u0644\u0645\u0643 \u0627\u0644\u0630\u0643\u064a AI \u0645\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0627\u0644\u0630\u0643\u064a \u0645\u062a\u0627\u062d \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u062a\u0639\u0644\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u0645\u0645\u062a\u0639\u0629 \u0645\u0639 \u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a Smart Teacher live Compact Arabic Hero Section \u0646\u064e\u062d\u0648 \u062a\u064e\u0639\u0652\u0644\u064a\u0645\u064d \u0630\u064e\u0643\u0650\u064a… \u0628\u064e\u0635\u064e\u0631\u064a\u060c \u062a\u064e\u0641\u0627\u0639\u064f\u0644\u064a\u060c \u0648\u064e\u0645\u064f\u0644\u0652\u0647\u064e\u0645 \u0646\u0641\u062e\u0631 \u0623\u0646\u0646\u0627 \u0623\u0648\u0651\u0644 \u0645\u0646\u0635\u0651\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0651\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u062a\u0642\u0646\u064a\u0651\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u0651 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0644\u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0651\u0629 \u0641\u0631\u064a\u062f\u0629. \u0625\u062c\u0627\u062f\u0629\u060c \u062a\u0639\u0644\u064a\u0645\u064c \u0648\u0631\u064a\u0627\u062f\u0629<\/p>","protected":false},"author":389,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"disabled","ast-hfb-below-header-display":"disabled","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14437","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/14437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/users\/389"}],"replies":[{"embeddable":true,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/comments?post=14437"}],"version-history":[{"count":27,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/14437\/revisions"}],"predecessor-version":[{"id":15392,"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/pages\/14437\/revisions\/15392"}],"wp:attachment":[{"href":"https:\/\/ejaada.com\/en\/wp-json\/wp\/v2\/media?parent=14437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}