151 lines
10 KiB
PHP
151 lines
10 KiB
PHP
<?php
|
|
require_once __DIR__ . '/includes/app.php';
|
|
|
|
render_head(
|
|
t('Modern bilingual classrooms for live online learning', 'فصول حديثة ثنائية اللغة للتعلم المباشر عبر الإنترنت'),
|
|
t('Explore a polished LMS landing page with plans, subjects, live classes, and bilingual student journeys.', 'استكشف صفحة هبوط لمنصة تعليمية حديثة تشمل الخطط والمواد والفصول المباشرة وتجربة ثنائية اللغة.')
|
|
);
|
|
render_nav('index.php');
|
|
$subjects = subjects_catalog();
|
|
$plans = plans_catalog();
|
|
$metrics = ['subjects' => count($subjects), 'teachers' => 12, 'live' => 18];
|
|
?>
|
|
<main>
|
|
<section class="hero-section border-bottom">
|
|
<div class="container py-5 py-lg-6">
|
|
<div class="row align-items-center g-4 g-lg-5">
|
|
<div class="col-lg-7">
|
|
<span class="eyebrow"><?= h(t('Single platform LMS', 'منصة تعليم موحدة')) ?></span>
|
|
<h1 class="display-title mt-3 mb-3"><?= h(t('Subscriptions, multilingual classrooms, and live Google Meet learning in one precise workspace.', 'الاشتراكات والفصول متعددة اللغات والتعلم المباشر عبر Google Meet في مساحة واحدة دقيقة.')) ?></h1>
|
|
<p class="lead text-secondary mb-4"><?= h(t('Launch a polished e-learning experience for students, teachers, and admins with English/Arabic support, Thawani billing flows, and Wablas-ready WhatsApp notifications.', 'أطلق تجربة تعليم إلكتروني مصقولة للطلاب والمعلمين والإدارة مع دعم الإنجليزية والعربية وتدفقات دفع ثواني وإشعارات واتساب جاهزة عبر وابلاس.')) ?></p>
|
|
<div class="d-flex flex-wrap gap-2 mb-4">
|
|
<a class="btn btn-dark btn-lg" href="<?= h(app_url('pricing.php')) ?>"><?= h(t('Start subscription flow', 'ابدأ مسار الاشتراك')) ?></a>
|
|
<a class="btn btn-outline-dark btn-lg" href="<?= h(app_url('catalog.php')) ?>"><?= h(t('Browse subjects', 'تصفح المواد')) ?></a>
|
|
</div>
|
|
<div class="row row-cols-1 row-cols-sm-3 g-3 small-stat-grid">
|
|
<div class="col">
|
|
<div class="metric-card"><strong><?= h((string) $metrics['subjects']) ?></strong><span><?= h(t('core subjects', 'مواد أساسية')) ?></span></div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="metric-card"><strong><?= h((string) $metrics['teachers']) ?></strong><span><?= h(t('active teachers', 'معلمون نشطون')) ?></span></div>
|
|
</div>
|
|
<div class="col">
|
|
<div class="metric-card"><strong><?= h((string) $metrics['live']) ?></strong><span><?= h(t('live sessions weekly', 'جلسة مباشرة أسبوعياً')) ?></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<div class="panel-card">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h2 class="h5 mb-0"><?= h(t('Today inside the platform', 'اليوم داخل المنصة')) ?></h2>
|
|
<span class="badge bg-dark-subtle text-dark-emphasis border"><?= h(t('Live ready', 'جاهز للبث')) ?></span>
|
|
</div>
|
|
<div class="stack-list">
|
|
<div class="stack-item">
|
|
<div>
|
|
<strong><?= h(t('Student subscription', 'اشتراك الطالب')) ?></strong>
|
|
<p><?= h(t('Choose a plan, confirm payment intent, and unlock classrooms.', 'اختر خطة وأكد نية الدفع وافتح الفصول.')) ?></p>
|
|
</div>
|
|
<span class="mini-tag">Thawani</span>
|
|
</div>
|
|
<div class="stack-item">
|
|
<div>
|
|
<strong><?= h(t('Live lessons', 'الدروس المباشرة')) ?></strong>
|
|
<p><?= h(t('Weekly Google Meet rooms with schedules shown inside every subject.', 'غرف Google Meet أسبوعية مع الجداول داخل كل مادة.')) ?></p>
|
|
</div>
|
|
<span class="mini-tag">Meet</span>
|
|
</div>
|
|
<div class="stack-item">
|
|
<div>
|
|
<strong><?= h(t('WhatsApp reminders', 'تذكيرات واتساب')) ?></strong>
|
|
<p><?= h(t('Opt-in reminders for payment confirmations and class updates.', 'تذكيرات اختيارية لتأكيد الدفع وتحديثات الحصص.')) ?></p>
|
|
</div>
|
|
<span class="mini-tag">Wablas</span>
|
|
</div>
|
|
</div>
|
|
<a class="btn btn-outline-dark w-100 mt-3" href="<?= h(app_url('dashboard.php')) ?>"><?= h(t('Open student dashboard', 'افتح لوحة الطالب')) ?></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 border-bottom bg-white">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<div>
|
|
<span class="eyebrow"><?= h(t('Featured subjects', 'المواد المميزة')) ?></span>
|
|
<h2 class="section-title"><?= h(t('Separate pages for catalog, detail, checkout, and dashboards.', 'صفحات منفصلة للكتالوج والتفاصيل والدفع ولوحات التحكم.')) ?></h2>
|
|
</div>
|
|
<a class="link-dark fw-semibold text-decoration-none" href="<?= h(app_url('catalog.php')) ?>"><?= h(t('See all subjects', 'عرض جميع المواد')) ?></a>
|
|
</div>
|
|
<div class="row g-3 mt-1">
|
|
<?php foreach (array_slice($subjects, 0, 3) as $subject): ?>
|
|
<div class="col-lg-4">
|
|
<article class="subject-card h-100">
|
|
<div class="subject-meta d-flex justify-content-between align-items-center mb-3">
|
|
<span class="mini-tag"><?= h(subject_level($subject)) ?></span>
|
|
<span class="text-secondary small"><?= h(subject_duration($subject)) ?></span>
|
|
</div>
|
|
<h3 class="h5 mb-2"><?= h(subject_title($subject)) ?></h3>
|
|
<p class="text-secondary mb-4"><?= h(subject_summary($subject)) ?></p>
|
|
<div class="d-flex justify-content-between align-items-center small text-secondary mt-auto">
|
|
<span><?= h(subject_teacher($subject)) ?></span>
|
|
<a class="link-dark text-decoration-none fw-semibold" href="<?= h(app_url('subject.php', ['slug' => $subject['slug']])) ?>"><?= h(t('View subject', 'عرض المادة')) ?></a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 border-bottom">
|
|
<div class="container">
|
|
<div class="section-header mb-4">
|
|
<div>
|
|
<span class="eyebrow"><?= h(t('Delivery flow', 'مسار التسليم')) ?></span>
|
|
<h2 class="section-title"><?= h(t('One thin slice from discovery to live access.', 'شريحة رشيقة من الاكتشاف حتى الوصول المباشر.')) ?></h2>
|
|
</div>
|
|
</div>
|
|
<div class="row g-3">
|
|
<div class="col-md-4"><div class="workflow-card"><span class="step-index">01</span><h3 class="h6"><?= h(t('Browse plans', 'تصفح الخطط')) ?></h3><p><?= h(t('Students compare monthly or yearly plans and pick the right access model.', 'يقارن الطلاب بين الخطط الشهرية والسنوية ويختارون نموذج الوصول المناسب.')) ?></p></div></div>
|
|
<div class="col-md-4"><div class="workflow-card"><span class="step-index">02</span><h3 class="h6"><?= h(t('Capture checkout details', 'جمع بيانات الدفع')) ?></h3><p><?= h(t('The checkout form records student identity, language preference, and WhatsApp opt-in.', 'يسجل نموذج الدفع هوية الطالب وتفضيل اللغة وخيار الاشتراك في واتساب.')) ?></p></div></div>
|
|
<div class="col-md-4"><div class="workflow-card"><span class="step-index">03</span><h3 class="h6"><?= h(t('Unlock the dashboard', 'فتح لوحة التحكم')) ?></h3><p><?= h(t('A confirmation view leads directly to the student dashboard, live classes, and subject details.', 'تنقل شاشة التأكيد مباشرة إلى لوحة الطالب والفصول المباشرة وتفاصيل المواد.')) ?></p></div></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="py-5 bg-white">
|
|
<div class="container">
|
|
<div class="section-header mb-4">
|
|
<div>
|
|
<span class="eyebrow"><?= h(t('Plans', 'الخطط')) ?></span>
|
|
<h2 class="section-title"><?= h(t('Plan-based access for a shared marketplace.', 'وصول قائم على الخطط لمنصة مشتركة.')) ?></h2>
|
|
</div>
|
|
<a class="link-dark fw-semibold text-decoration-none" href="<?= h(app_url('pricing.php')) ?>"><?= h(t('Open pricing', 'افتح التسعير')) ?></a>
|
|
</div>
|
|
<div class="row g-3">
|
|
<?php foreach ($plans as $plan): ?>
|
|
<div class="col-lg-4">
|
|
<div class="plan-card h-100 <?= $plan['key'] === 'plus' ? 'highlighted' : '' ?>">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<h3 class="h5 mb-0"><?= h(plan_name($plan)) ?></h3>
|
|
<?php if ($plan['key'] === 'plus'): ?><span class="mini-tag"><?= h(t('Popular', 'الأكثر اختياراً')) ?></span><?php endif; ?>
|
|
</div>
|
|
<div class="display-price mb-3"><?= h(price_label($plan)) ?></div>
|
|
<ul class="list-unstyled compact-list mb-4">
|
|
<?php foreach (current_lang() === 'ar' ? $plan['features_ar'] : $plan['features_en'] as $feature): ?>
|
|
<li><?= h($feature) ?></li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<a class="btn <?= $plan['key'] === 'plus' ? 'btn-dark' : 'btn-outline-dark' ?> w-100" href="<?= h(app_url('checkout.php', ['plan' => $plan['key']])) ?>"><?= h(t('Choose plan', 'اختر الخطة')) ?></a>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<?php render_footer(); ?>
|