{"id":50,"date":"2026-05-20T19:18:32","date_gmt":"2026-05-20T19:18:32","guid":{"rendered":"https:\/\/arabarabic.com\/?page_id=50"},"modified":"2026-09-01T19:18:54","modified_gmt":"2026-09-01T19:18:54","slug":"register","status":"publish","type":"page","link":"https:\/\/arabarabic.com\/?page_id=50","title":{"rendered":"Register"},"content":{"rendered":"\n<!-- Arab Arabic Registration Page \u2014 Student + Teacher\nPaste everything into ONE WordPress Custom HTML block on Page ID 50.\nIMPORTANT: This is the front-end registration interface. The forms still need to be connected\nto a real WordPress registration \/ form backend before they can create accounts.\n-->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@500;700&display=swap');\n\n:root{\n  --green:#1f654f;\n  --green-dark:#154938;\n  --green-soft:#e4f0ea;\n  --cream:#fbf7f1;\n  --cream-2:#f5ecdf;\n  --orange:#e89132;\n  --ink:#20211f;\n  --muted:#6d716d;\n  --white:#ffffff;\n  --line:#eadfce;\n  --shadow:0 16px 40px rgba(36,45,39,.10);\n}\n*{box-sizing:border-box}\nbody{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--cream);color:var(--ink)}\na{text-decoration:none;color:inherit}\nbutton,input,select,textarea{font:inherit}\n\n.ar-wrap{width:min(1100px,92%);margin:0 auto}\n\n\/* Header *\/\n.ar-header{\n  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);\n  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)\n}\n.ar-header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}\n.ar-brand{display:flex;align-items:center;gap:11px}\n.ar-brand-mark{\n  width:44px;height:44px;border-radius:12px;background:var(--green);\n  color:#fff;display:grid;place-items:center;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700\n}\n.ar-brand strong{display:block;font-size:1.05rem}\n.ar-brand span{display:block;font-size:.72rem;color:var(--orange);margin-top:2px}\n.ar-home{color:var(--green);font-size:.9rem;font-weight:700}\n\n\/* Hero *\/\n.ar-hero{\n  padding:68px 0 40px;text-align:center;\n  background:linear-gradient(135deg,#fff 0%,#fff9f1 55%,#edf5f1 100%);\n  border-bottom:1px solid var(--line)\n}\n.ar-kicker{\n  display:inline-block;color:var(--orange);font-weight:700;font-size:.75rem;\n  letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px\n}\n.ar-hero h1{font-size:clamp(2.2rem,5vw,3.7rem);line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}\n.ar-hero p{max-width:720px;margin:0 auto;color:var(--muted);line-height:1.75;font-size:1.02rem}\n\n\/* Role chooser *\/\n.ar-main{padding:46px 0 80px}\n.ar-tabs{\n  max-width:780px;margin:0 auto 28px;background:#fff;border:1px solid var(--line);\n  border-radius:15px;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:7px;\n  box-shadow:0 8px 24px rgba(36,45,39,.05)\n}\n.ar-tab{\n  border:0;background:transparent;border-radius:11px;padding:14px 16px;\n  font-weight:700;color:var(--muted);cursor:pointer;transition:.2s\n}\n.ar-tab.is-active{background:var(--green);color:#fff}\n.ar-tab small{display:block;font-weight:500;opacity:.8;margin-top:3px}\n\n.ar-panel{display:none}\n.ar-panel.is-active{display:block}\n\n.ar-layout{\n  display:grid;grid-template-columns:1.15fr .85fr;gap:24px;\n  max-width:930px;margin:0 auto\n}\n.ar-card{\n  background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;\n  box-shadow:var(--shadow)\n}\n.ar-card h2{margin:0 0 6px;font-size:1.55rem}\n.ar-card-sub{margin:0 0 25px;color:var(--muted);font-size:.91rem;line-height:1.6}\n\n.ar-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n.ar-field{margin-bottom:16px}\n.ar-field label{display:block;margin-bottom:6px;font-size:.83rem;font-weight:700}\n.ar-field input,.ar-field select,.ar-field textarea{\n  width:100%;border:1px solid #e6d8c6;border-radius:10px;background:#fffaf5;\n  padding:12px 13px;outline:none;color:var(--ink);transition:.18s\n}\n.ar-field input:focus,.ar-field select:focus,.ar-field textarea:focus{\n  border-color:var(--green);box-shadow:0 0 0 3px rgba(31,101,79,.08)\n}\n.ar-field textarea{min-height:105px;resize:vertical}\n\n.ar-check{display:flex;gap:9px;align-items:flex-start;margin:3px 0 20px}\n.ar-check input{margin-top:3px}\n.ar-check span{font-size:.8rem;color:var(--muted);line-height:1.5}\n\n.ar-submit{\n  width:100%;border:0;border-radius:11px;background:var(--green);color:#fff;\n  padding:14px 18px;font-weight:700;cursor:pointer\n}\n.ar-submit:hover{background:var(--green-dark)}\n\n.ar-side h3{margin:0 0 15px;font-size:1.15rem}\n.ar-benefit{display:flex;gap:12px;margin-bottom:17px}\n.ar-icon{\n  flex:0 0 40px;width:40px;height:40px;border-radius:12px;\n  background:var(--green-soft);display:grid;place-items:center\n}\n.ar-benefit strong{display:block;font-size:.9rem;margin-bottom:3px}\n.ar-benefit span{display:block;color:var(--muted);font-size:.79rem;line-height:1.5}\n.ar-note{\n  margin-top:20px;padding:13px 14px;border-radius:11px;\n  background:#fff4e7;border:1px solid #f0d4b2;color:#9b5f1d;font-size:.8rem;line-height:1.55\n}\n\n\/* Footer *\/\n.ar-footer{text-align:center;padding:28px 0 34px;color:var(--muted);font-size:.78rem}\n\n@media(max-width:820px){\n  .ar-layout{grid-template-columns:1fr}\n  .ar-g2{grid-template-columns:1fr}\n}\n@media(max-width:520px){\n  .ar-tabs{grid-template-columns:1fr}\n  .ar-card{padding:22px}\n  .ar-header-inner{height:68px}\n}\n<\/style>\n\n<div class=\"ar-page\">\n  <header class=\"ar-header\">\n    <div class=\"ar-wrap ar-header-inner\">\n      <a class=\"ar-brand\" href=\"https:\/\/arabarabic.com\/\">\n        <div class=\"ar-brand-mark\">\u0639<\/div>\n        <div><strong>Arab Arabic<\/strong><span>Learn Arabic the Easy Way<\/span><\/div>\n      <\/a>\n      <a class=\"ar-home\" href=\"https:\/\/arabarabic.com\/\">\u2190 Back to Home<\/a>\n    <\/div>\n  <\/header>\n\n  <section class=\"ar-hero\">\n    <div class=\"ar-wrap\">\n      <span class=\"ar-kicker\">Join Arab Arabic<\/span>\n      <h1>Create Your Account<\/h1>\n      <p>Choose how you want to join Arab Arabic. Students can register to learn Arabic, while teachers can apply to teach online.<\/p>\n    <\/div>\n  <\/section>\n\n  <main class=\"ar-main\">\n    <div class=\"ar-wrap\">\n\n      <div class=\"ar-tabs\" role=\"tablist\">\n        <button class=\"ar-tab is-active\" type=\"button\" data-target=\"student-panel\">\n          Student Registration\n          <small>For learners and parents<\/small>\n        <\/button>\n        <button class=\"ar-tab\" type=\"button\" data-target=\"teacher-panel\">\n          Teacher Application\n          <small>For male &#038; female teachers<\/small>\n        <\/button>\n      <\/div>\n\n      <!-- STUDENT -->\n      <section class=\"ar-panel is-active\" id=\"student-panel\">\n        <div class=\"ar-layout\">\n          <div class=\"ar-card\">\n            <h2>Create a Student Account<\/h2>\n            <p class=\"ar-card-sub\">Register your details so we can match the learner with the right Arabic learning path.<\/p>\n\n            <div class=\"ar-g2\">\n              <div class=\"ar-field\">\n                <label>Parent or Learner Name *<\/label>\n                <input type=\"text\" name=\"student_name\" placeholder=\"Full name\">\n              <\/div>\n              <div class=\"ar-field\">\n                <label>Learner Age<\/label>\n                <input type=\"number\" name=\"student_age\" placeholder=\"For example: 8\">\n              <\/div>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Email Address *<\/label>\n              <input type=\"email\" name=\"student_email\" placeholder=\"example@email.com\">\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>WhatsApp Number<\/label>\n              <input type=\"tel\" name=\"student_whatsapp\" placeholder=\"+44 7700 900000\">\n            <\/div>\n\n            <div class=\"ar-g2\">\n              <div class=\"ar-field\">\n                <label>Who is learning?<\/label>\n                <select name=\"learner_type\">\n                  <option>Child (4\u201312 years)<\/option>\n                  <option>Teenager (13\u201317 years)<\/option>\n                  <option>Adult (18+)<\/option>\n                <\/select>\n              <\/div>\n              <div class=\"ar-field\">\n                <label>Current Arabic Level<\/label>\n                <select name=\"student_level\">\n                  <option>Complete beginner<\/option>\n                  <option>Knows some letters<\/option>\n                  <option>Can read slowly<\/option>\n                  <option>Intermediate<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Main Learning Goal<\/label>\n              <select name=\"student_goal\">\n                <option>Arabic reading and writing<\/option>\n                <option>Arabic and Quran<\/option>\n                <option>Speaking Arabic<\/option>\n                <option>School support<\/option>\n                <option>General Arabic learning<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Preferred Class Time<\/label>\n              <select name=\"student_time\">\n                <option>Morning<\/option>\n                <option>Afternoon<\/option>\n                <option>Evening<\/option>\n                <option>Flexible<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Anything Else We Should Know?<\/label>\n              <textarea name=\"student_notes\" placeholder=\"For example: My child knows the letters but cannot read words yet.\"><\/textarea>\n            <\/div>\n\n            <div class=\"ar-check\">\n              <input type=\"checkbox\">\n              <span>I agree to the Terms of Use and Privacy Policy.<\/span>\n            <\/div>\n\n            <button class=\"ar-submit\" type=\"button\">Create Student Account<\/button>\n          <\/div>\n\n          <aside class=\"ar-card ar-side\">\n            <h3>Student Account Benefits<\/h3>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">\ud83c\udfaf<\/div><div><strong>Level-Based Learning<\/strong><span>Start from the learner\u2019s actual Arabic level.<\/span><\/div><\/div>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">\ud83d\udcda<\/div><div><strong>Learning Resources<\/strong><span>Access selected worksheets, books and practice materials.<\/span><\/div><\/div>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">\ud83d\udcbb<\/div><div><strong>Class Management<\/strong><span>Keep lesson and learning information in one place.<\/span><\/div><\/div>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">\ud83d\udcc8<\/div><div><strong>Progress Tracking<\/strong><span>Prepare the account structure for future progress tracking.<\/span><\/div><\/div>\n            <div class=\"ar-note\"><strong>Already want a trial lesson?<\/strong><br>You can also use the Free Trial page to request a class directly.<\/div>\n          <\/aside>\n        <\/div>\n      <\/section>\n\n      <!-- TEACHER -->\n      <section class=\"ar-panel\" id=\"teacher-panel\">\n        <div class=\"ar-layout\">\n          <div class=\"ar-card\">\n            <h2>Apply as an Arabic Teacher<\/h2>\n            <p class=\"ar-card-sub\">Complete the application below. Teacher accounts should be approved before they become active.<\/p>\n\n            <div class=\"ar-g2\">\n              <div class=\"ar-field\">\n                <label>Full Name *<\/label>\n                <input type=\"text\" name=\"teacher_name\" placeholder=\"Your full name\">\n              <\/div>\n              <div class=\"ar-field\">\n                <label>Gender<\/label>\n                <select name=\"teacher_gender\">\n                  <option>Female<\/option>\n                  <option>Male<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Email Address *<\/label>\n              <input type=\"email\" name=\"teacher_email\" placeholder=\"example@email.com\">\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>WhatsApp Number *<\/label>\n              <input type=\"tel\" name=\"teacher_whatsapp\" placeholder=\"+20 100 000 0000\">\n            <\/div>\n\n            <div class=\"ar-g2\">\n              <div class=\"ar-field\">\n                <label>Country<\/label>\n                <input type=\"text\" name=\"teacher_country\" placeholder=\"Country\">\n              <\/div>\n              <div class=\"ar-field\">\n                <label>Years of Teaching Experience<\/label>\n                <select name=\"teacher_experience\">\n                  <option>Less than 1 year<\/option>\n                  <option>1\u20132 years<\/option>\n                  <option>3\u20135 years<\/option>\n                  <option>5+ years<\/option>\n                <\/select>\n              <\/div>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>What Can You Teach?<\/label>\n              <select name=\"teacher_subject\">\n                <option>Arabic for children<\/option>\n                <option>Arabic for adults<\/option>\n                <option>Quran and Tajweed<\/option>\n                <option>Arabic and Quran<\/option>\n                <option>All of the above<\/option>\n              <\/select>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Qualifications \/ Certificates<\/label>\n              <textarea name=\"teacher_qualifications\" placeholder=\"Tell us about your qualifications, ijazah, teaching certificates, or relevant studies.\"><\/textarea>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Weekly Availability<\/label>\n              <textarea name=\"teacher_availability\" placeholder=\"For example: Sunday\u2013Thursday, 4 PM\u20139 PM Cairo time.\"><\/textarea>\n            <\/div>\n\n            <div class=\"ar-field\">\n              <label>Short Introduction<\/label>\n              <textarea name=\"teacher_intro\" placeholder=\"Tell us briefly about your teaching style and the learners you prefer to teach.\"><\/textarea>\n            <\/div>\n\n            <div class=\"ar-check\">\n              <input type=\"checkbox\">\n              <span>I confirm that the information above is accurate and I agree to the platform terms.<\/span>\n            <\/div>\n\n            <button class=\"ar-submit\" type=\"button\">Submit Teacher Application<\/button>\n          <\/div>\n\n          <aside class=\"ar-card ar-side\">\n            <h3>How Teacher Registration Works<\/h3>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">1<\/div><div><strong>Submit Application<\/strong><span>Send your teaching details and availability.<\/span><\/div><\/div>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">2<\/div><div><strong>Review<\/strong><span>Arab Arabic reviews the application before activation.<\/span><\/div><\/div>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">3<\/div><div><strong>Teacher Account<\/strong><span>Approved teachers can later receive students and manage lessons.<\/span><\/div><\/div>\n            <div class=\"ar-benefit\"><div class=\"ar-icon\">\u2713<\/div><div><strong>Male &#038; Female Teachers<\/strong><span>The system can support both teacher types.<\/span><\/div><\/div>\n            <div class=\"ar-note\"><strong>Recommendation:<\/strong><br>Teacher signup should be an application, not instant account activation. This gives you control over who teaches on the platform.<\/div>\n          <\/aside>\n        <\/div>\n      <\/section>\n\n    <\/div>\n  <\/main>\n\n  <footer class=\"ar-footer\">\n    \u00a9 2026 Arab Arabic \u2014 Learn Arabic the Easy Way\n  <div class=\"aa-legal-links\" style=\"margin-top:12px;font-size:0.82em;opacity:.9;\"><a href=\"https:\/\/arabarabic.com\/?page_id=3\" style=\"color:inherit;text-decoration:underline;margin:0 6px;\">Privacy Policy<\/a><a href=\"https:\/\/arabarabic.com\/?page_id=239\" style=\"color:inherit;text-decoration:underline;margin:0 6px;\">Refund Policy<\/a><a href=\"https:\/\/arabarabic.com\/?page_id=240\" style=\"color:inherit;text-decoration:underline;margin:0 6px;\">Terms<\/a><a href=\"https:\/\/arabarabic.com\/?page_id=241\" style=\"color:inherit;text-decoration:underline;margin:0 6px;\">Contact<\/a><\/div><\/footer>\n<\/div>\n\n<script>\n(function(){\n  const tabs=document.querySelectorAll('.ar-tab');\n  const panels=document.querySelectorAll('.ar-panel');\n\n  tabs.forEach(function(tab){\n    tab.addEventListener('click',function(){\n      tabs.forEach(t=>t.classList.remove('is-active'));\n      panels.forEach(p=>p.classList.remove('is-active'));\n      tab.classList.add('is-active');\n      document.getElementById(tab.dataset.target).classList.add('is-active');\n    });\n  });\n\n  \/* Front-end only for now.\n     Do NOT fake successful account creation.\n     The submit buttons should be connected next to a real WordPress backend\/form handler. *\/\n  document.querySelectorAll('.ar-submit').forEach(function(btn){\n    btn.addEventListener('click',function(){\n      alert('The page design is ready. Connect this form to the WordPress registration backend before accepting real registrations.');\n    });\n  });\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u0639 Arab ArabicLearn Arabic the Easy Way \u2190 Back to Home Join Arab Arabic Create Your Account Choose how you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":5,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":255,"href":"https:\/\/arabarabic.com\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/255"}],"wp:attachment":[{"href":"https:\/\/arabarabic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}