Skip to content

E
EL-Captain-Website
Commit 83225004 authored by Mahmoud Aglan's avatar Mahmoud Aglan
Browse files
Options

Update pricing plans to match new plan structure (Platform % Only / Starter /... 

Update pricing plans to match new plan structure (Platform % Only / Starter / Enterprise / Professional)
Co-Authored-By: 's avatarClaude Sonnet 4.6 <noreply@anthropic.com>
parent 2d1d4b4f
Hide whitespace changes
Inline Side-by-side
Showing with 124 additions and 79 deletions
public/js/main.js
View file @ 83225004
...@@ -713,16 +713,18 @@ function initPricingCalc() { ...@@ -713,16 +713,18 @@ function initPricingCalc() {
// Egypt plans // Egypt plans
const plansEG = [ const plansEG = [
{ id: 'small', name: 'حتى ١٠٠ لاعب', monthlyFee: 699, platformPercent: 7.0 }, { id: 'platform-only', name: 'نسبة تشغيل فقط', monthlyFee: 0, platformPercent: 12.0 },
{ id: 'medium', name: '١٠٠-٣٠٠ لاعب', monthlyFee: 1499, platformPercent: 5.0 }, { id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 },
{ id: 'large', name: '٣٠٠+ لاعب', monthlyFee: 3499, platformPercent: 3.0 }, { id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 },
{ id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 },
]; ];
// Saudi Arabia plans // Saudi Arabia plans (same as EG for now)
const plansSA = [ const plansSA = [
{ id: 'small', name: 'حتى ١٠٠ لاعب', monthlyFee: 299, platformPercent: 5.0 }, { id: 'platform-only', name: 'نسبة تشغيل فقط', monthlyFee: 0, platformPercent: 12.0 },
{ id: 'medium', name: '١٠٠-٣٠٠ لاعب', monthlyFee: 699, platformPercent: 3.5 }, { id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 },
{ id: 'large', name: '٣٠٠+ لاعب', monthlyFee: 1499, platformPercent: 2.0 }, { id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 },
{ id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 },
]; ];
const isSA = detectedCountry === 'SA'; const isSA = detectedCountry === 'SA';
......
public/pricing.html
View file @ 83225004
...@@ -103,15 +103,21 @@ ...@@ -103,15 +103,21 @@
color: var(--ink-muted); color: var(--ink-muted);
} }
/* 3-column pricing grid */ /* 4-column pricing grid */
.pricing-grid-4 { .pricing-grid-4 {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(4, 1fr);
gap: var(--space-lg); gap: var(--space-lg);
align-items: stretch; align-items: stretch;
} }
@media (max-width: 900px) { @media (max-width: 1100px) {
.pricing-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.pricing-grid-4 { .pricing-grid-4 {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
...@@ -489,7 +495,7 @@ ...@@ -489,7 +495,7 @@
<!-- Value Frame Banner --> <!-- Value Frame Banner -->
<div class="value-frame" data-reveal> <div class="value-frame" data-reveal>
<div class="value-frame__headline">سعر النظام ٢٥٠,٠٠٠ ج.م — أول ٣٠ مشترك يبدأوا برسوم الدعم والاستضافة فقط</div> <div class="value-frame__headline">سعر النظام ٢٥٠,٠٠٠ ج.م — أول ٣٠ مشترك يبدأوا برسوم الدعم والاستضافة فقط</div>
<div class="value-frame__sub" data-eg-compare="٤٩ ج.م لكل لاعب في الشهر (لأكاديمية ٥٠ لاعب)" data-sa-compare="٢٠ ر.س لكل لاعب في الشهر (لأكاديمية ٥٠ لاعب)">٤٩ ج.م لكل لاعب في الشهر (لأكاديمية ٥٠ لاعب)</div> <div class="value-frame__sub">ابدأ بنسبة تشغيل فقط (٠ ج.م شهرياً) أو اختار باقة ثابتة بنسبة أقل كلما كبرت</div>
<div class="value-frame__early"> <div class="value-frame__early">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
أوائل المشتركين يقفلون على السعر ده للأبد أوائل المشتركين يقفلون على السعر ده للأبد
...@@ -498,25 +504,64 @@ ...@@ -498,25 +504,64 @@
<div class="pricing-grid-4" data-reveal> <div class="pricing-grid-4" data-reveal>
<!-- Plan 1: Small --> <!-- Plan 1: Platform % Only -->
<div class="plan-card" data-plan="small" data-eg-flat="699" data-eg-pct="7" data-sa-flat="299" data-sa-pct="5"> <div class="plan-card" data-plan="platform-only" data-eg-flat="0" data-eg-pct="12" data-sa-flat="0" data-sa-pct="12">
<h3 class="plan-card__name">الباقة الصغيرة</h3> <h3 class="plan-card__name">نسبة تشغيل فقط</h3>
<p class="plan-card__tagline">حتى ١٠٠ لاعب</p> <p class="plan-card__tagline">ابدأ بدون اشتراك شهري</p>
<div class="plan-card__price">
<div class="plan-card__amount plan-card__amount--free">
<span class="plan-card__amount-number" dir="ltr">0</span>
<span class="plan-card__amount-currency">ج.م</span>
<span class="plan-card__amount-period">/ شهرياً</span>
</div>
<div class="plan-card__platform">
<span>نسبة التشغيل:</span>
<strong class="plan-card__pct-number" dir="ltr">12%</strong>
<span class="plan-card__platform-label">من التحصيلات</span>
</div>
<div class="plan-card__trial">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
<span dir="ltr">14</span> يوم تجريبي مجاني
</div>
</div>
<ul class="plan-card__features">
<li>المزايا الأساسية كاملة</li>
<li>إدارة المشتركين والحضور</li>
<li>الفواتير والمدفوعات</li>
<li>البرامج والمجموعات والجداول</li>
<li>تقارير متقدمة</li>
<li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>دعم عبر WhatsApp</li>
</ul>
<div class="plan-card__cta">
<a href="contact.html" class="btn btn--secondary btn--large">ابدأ التجربة المجانية</a>
</div>
</div>
<!-- Plan 2: Starter -->
<div class="plan-card" data-plan="starter" data-eg-flat="1000" data-eg-pct="7.5" data-sa-flat="1000" data-sa-pct="7.5">
<h3 class="plan-card__name">Starter</h3>
<p class="plan-card__tagline">للأكاديميات الناشئة</p>
<div class="plan-card__price"> <div class="plan-card__price">
<div class="plan-card__amount"> <div class="plan-card__amount">
<span class="plan-card__amount-number" dir="ltr">699</span> <span class="plan-card__amount-number" dir="ltr">1,000</span>
<span class="plan-card__amount-currency">ج.م</span> <span class="plan-card__amount-currency">ج.م</span>
<span class="plan-card__amount-period">/ شهرياً</span> <span class="plan-card__amount-period">/ شهرياً</span>
</div> </div>
<div class="plan-card__platform"> <div class="plan-card__platform">
<span>نسبة التشغيل:</span> <span>نسبة التشغيل:</span>
<strong class="plan-card__pct-number" dir="ltr">7%</strong> <strong class="plan-card__pct-number" dir="ltr">7.5%</strong>
<span class="plan-card__platform-label">من التحصيلات</span> <span class="plan-card__platform-label">من التحصيلات</span>
</div> </div>
<div class="plan-card__trial"> <div class="plan-card__trial">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
<span dir="ltr">10</span> يوم تجريبي مجاني <span dir="ltr">14</span> يوم تجريبي مجاني
</div> </div>
</div> </div>
...@@ -525,11 +570,11 @@ ...@@ -525,11 +570,11 @@
<li>إدارة المشتركين والحضور</li> <li>إدارة المشتركين والحضور</li>
<li>الفواتير والمدفوعات</li> <li>الفواتير والمدفوعات</li>
<li>البرامج والمجموعات والجداول</li> <li>البرامج والمجموعات والجداول</li>
<li>محرك التسعير الذكي</li>
<li>تقارير متقدمة</li> <li>تقارير متقدمة</li>
<li>موقع إلكتروني (سب دومين)</li> <li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li> <li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li> <li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>رسوم التفعيل: <span dir="ltr" data-eg-setup="1,000" data-sa-setup="499">1,000</span> <span class="setup-currency">ج.م</span> فقط</li>
<li>دعم عبر WhatsApp</li> <li>دعم عبر WhatsApp</li>
</ul> </ul>
...@@ -538,15 +583,15 @@ ...@@ -538,15 +583,15 @@
</div> </div>
</div> </div>
<!-- Plan 2: Medium (Featured) --> <!-- Plan 3: Enterprise (Featured) -->
<div class="plan-card plan-card--featured" data-plan="medium" data-eg-flat="1499" data-eg-pct="5" data-sa-flat="699" data-sa-pct="3.5"> <div class="plan-card plan-card--featured" data-plan="enterprise" data-eg-flat="3500" data-eg-pct="5" data-sa-flat="3500" data-sa-pct="5">
<span class="plan-card__badge">الأكثر طلباً</span> <span class="plan-card__badge">الأكثر طلباً</span>
<h3 class="plan-card__name">الباقة المتوسطة</h3> <h3 class="plan-card__name">Enterprise</h3>
<p class="plan-card__tagline">١٠٠ - ٣٠٠ لاعب</p> <p class="plan-card__tagline">للأكاديميات المتوسطة والكبيرة</p>
<div class="plan-card__price"> <div class="plan-card__price">
<div class="plan-card__amount"> <div class="plan-card__amount">
<span class="plan-card__amount-number" dir="ltr">1,499</span> <span class="plan-card__amount-number" dir="ltr">3,500</span>
<span class="plan-card__amount-currency">ج.م</span> <span class="plan-card__amount-currency">ج.م</span>
<span class="plan-card__amount-period">/ شهرياً</span> <span class="plan-card__amount-period">/ شهرياً</span>
</div> </div>
...@@ -557,7 +602,7 @@ ...@@ -557,7 +602,7 @@
</div> </div>
<div class="plan-card__trial"> <div class="plan-card__trial">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
<span dir="ltr">10</span> يوم تجريبي مجاني <span dir="ltr">30</span> يوم تجريبي مجاني
</div> </div>
</div> </div>
...@@ -573,7 +618,6 @@ ...@@ -573,7 +618,6 @@
<li>موقع إلكتروني (سب دومين)</li> <li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li> <li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li> <li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>رسوم التفعيل: <span dir="ltr" data-eg-setup="2,500" data-sa-setup="999">2,500</span> <span class="setup-currency">ج.م</span> فقط</li>
<li>دعم أولوية</li> <li>دعم أولوية</li>
</ul> </ul>
...@@ -582,14 +626,14 @@ ...@@ -582,14 +626,14 @@
</div> </div>
</div> </div>
<!-- Plan 3: Large --> <!-- Plan 4: Professional -->
<div class="plan-card" data-plan="large" data-eg-flat="3499" data-eg-pct="3" data-sa-flat="1499" data-sa-pct="2"> <div class="plan-card" data-plan="professional" data-eg-flat="6500" data-eg-pct="3" data-sa-flat="6500" data-sa-pct="3">
<h3 class="plan-card__name">الباقة الكبيرة</h3> <h3 class="plan-card__name">Professional</h3>
<p class="plan-card__tagline">٣٠٠+ لاعب</p> <p class="plan-card__tagline">للسلاسل والفروع المتعددة</p>
<div class="plan-card__price"> <div class="plan-card__price">
<div class="plan-card__amount"> <div class="plan-card__amount">
<span class="plan-card__amount-number" dir="ltr">3,499</span> <span class="plan-card__amount-number" dir="ltr">6,500</span>
<span class="plan-card__amount-currency">ج.م</span> <span class="plan-card__amount-currency">ج.م</span>
<span class="plan-card__amount-period">/ شهرياً</span> <span class="plan-card__amount-period">/ شهرياً</span>
</div> </div>
...@@ -600,7 +644,7 @@ ...@@ -600,7 +644,7 @@
</div> </div>
<div class="plan-card__trial"> <div class="plan-card__trial">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg> <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>
<span dir="ltr">10</span> يوم تجريبي مجاني <span dir="ltr">14</span> يوم تجريبي مجاني
</div> </div>
</div> </div>
...@@ -616,7 +660,6 @@ ...@@ -616,7 +660,6 @@
<li>صلاحيات متقدمة متعددة الأدوار</li> <li>صلاحيات متقدمة متعددة الأدوار</li>
<li>موقع إلكتروني + دومين خاص مجاناً</li> <li>موقع إلكتروني + دومين خاص مجاناً</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li> <li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>رسوم التفعيل: <span dir="ltr" data-eg-setup="5,000" data-sa-setup="1,999">5,000</span> <span class="setup-currency">ج.م</span> فقط</li>
<li>مدير حساب مخصص</li> <li>مدير حساب مخصص</li>
<li>تدريب فريق العمل</li> <li>تدريب فريق العمل</li>
</ul> </ul>
...@@ -636,21 +679,21 @@ ...@@ -636,21 +679,21 @@
<!-- Annual pricing (10 months only) --> <!-- Annual pricing (10 months only) -->
<div style="margin-top: var(--space-lg); padding-top: var(--space-lg); border-top: 1px solid var(--border-subtle);"> <div style="margin-top: var(--space-lg); padding-top: var(--space-lg); border-top: 1px solid var(--border-subtle);">
<div style="font-size: var(--text-base); font-weight: 700; color: var(--ink-primary); margin-bottom: var(--space-sm);">الاشتراك السنوي = ١٠ شهور فقط (شهرين مجاناً)</div> <div style="font-size: var(--text-base); font-weight: 700; color: var(--ink-primary); margin-bottom: var(--space-sm);">الاشتراك السنوي = ١٠ شهور فقط (شهرين مجاناً)</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: var(--space-md); margin-top: var(--space-md);"> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: var(--space-md); margin-top: var(--space-md);">
<div style="text-align: center; padding: var(--space-md); background: var(--bg-muted); border-radius: var(--radius-lg);"> <div style="text-align: center; padding: var(--space-md); background: var(--bg-muted); border-radius: var(--radius-lg);">
<div style="font-size: var(--text-xs); color: var(--ink-muted); margin-bottom: 4px;">الصغيرة سنوياً</div> <div style="font-size: var(--text-xs); color: var(--ink-muted); margin-bottom: 4px;">Starter سنوياً</div>
<div style="font-size: var(--text-lg); font-weight: 800; color: var(--ink-primary);" data-eg-compare="٦,٩٩٠ ج.م" data-sa-compare="٢,٩٩٠ ر.س">٦,٩٩٠ ج.م</div> <div style="font-size: var(--text-lg); font-weight: 800; color: var(--ink-primary);">١٠,٠٠٠ ج.م</div>
<div style="font-size: var(--text-xs); color: var(--color-success);" data-eg-compare="وفّر ١,٣٩٨ ج.م" data-sa-compare="وفّر ٥٩٨ ر.س">وفّر ١,٣٩٨ ج.م</div> <div style="font-size: var(--text-xs); color: var(--color-success);">وفّر ٢,٠٠٠ ج.م</div>
</div> </div>
<div style="text-align: center; padding: var(--space-md); background: var(--bg-muted); border-radius: var(--radius-lg);"> <div style="text-align: center; padding: var(--space-md); background: var(--bg-muted); border-radius: var(--radius-lg);">
<div style="font-size: var(--text-xs); color: var(--ink-muted); margin-bottom: 4px;">المتوسطة سنوياً</div> <div style="font-size: var(--text-xs); color: var(--ink-muted); margin-bottom: 4px;">Enterprise سنوياً</div>
<div style="font-size: var(--text-lg); font-weight: 800; color: var(--ink-primary);" data-eg-compare="١٤,٩٩٠ ج.م" data-sa-compare="٦,٩٩٠ ر.س">١٤,٩٩٠ ج.م</div> <div style="font-size: var(--text-lg); font-weight: 800; color: var(--ink-primary);">٣٥,٠٠٠ ج.م</div>
<div style="font-size: var(--text-xs); color: var(--color-success);" data-eg-compare="وفّر ٢,٩٩٨ ج.م" data-sa-compare="وفّر ١,٣٩٨ ر.س">وفّر ٢,٩٩٨ ج.م</div> <div style="font-size: var(--text-xs); color: var(--color-success);">وفّر ٧,٠٠٠ ج.م</div>
</div> </div>
<div style="text-align: center; padding: var(--space-md); background: var(--bg-muted); border-radius: var(--radius-lg);"> <div style="text-align: center; padding: var(--space-md); background: var(--bg-muted); border-radius: var(--radius-lg);">
<div style="font-size: var(--text-xs); color: var(--ink-muted); margin-bottom: 4px;">الكبيرة سنوياً</div> <div style="font-size: var(--text-xs); color: var(--ink-muted); margin-bottom: 4px;">Professional سنوياً</div>
<div style="font-size: var(--text-lg); font-weight: 800; color: var(--ink-primary);" data-eg-compare="٣٤,٩٩٠ ج.م" data-sa-compare="١٤,٩٩٠ ر.س">٣٤,٩٩٠ ج.م</div> <div style="font-size: var(--text-lg); font-weight: 800; color: var(--ink-primary);">٦٥,٠٠٠ ج.م</div>
<div style="font-size: var(--text-xs); color: var(--color-success);" data-eg-compare="وفّر ٦,٩٩٨ ج.م" data-sa-compare="وفّر ٢,٩٩٨ ر.س">وفّر ٦,٩٩٨ ج.م</div> <div style="font-size: var(--text-xs); color: var(--color-success);">وفّر ١٣,٠٠٠ ج.م</div>
</div> </div>
</div> </div>
<div style="font-size: var(--text-xs); color: var(--ink-muted); text-align: center; margin-top: var(--space-sm);">+ دومين خاص مجاناً مع الاشتراك السنوي</div> <div style="font-size: var(--text-xs); color: var(--ink-muted); text-align: center; margin-top: var(--space-sm);">+ دومين خاص مجاناً مع الاشتراك السنوي</div>
...@@ -751,75 +794,73 @@ ...@@ -751,75 +794,73 @@
<thead> <thead>
<tr> <tr>
<th>الميزة</th> <th>الميزة</th>
<th>الصغيرة</th> <th>نسبة تشغيل فقط</th>
<th class="featured-col">المتوسطة</th> <th>Starter</th>
<th>الكبيرة</th> <th class="featured-col">Enterprise</th>
<th>Professional</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr>
<td>عدد اللاعبين</td>
<td>حتى ١٠٠</td>
<td class="featured-col">١٠٠ - ٣٠٠</td>
<td>٣٠٠+</td>
</tr>
<tr> <tr>
<td>الاشتراك الشهري</td> <td>الاشتراك الشهري</td>
<td dir="ltr"><span data-eg-compare="699" data-sa-compare="299">699</span> <span class="compare-currency">ج.م</span></td> <td dir="ltr">0 ج.م</td>
<td class="featured-col" dir="ltr"><span data-eg-compare="1,499" data-sa-compare="699">1,499</span> <span class="compare-currency">ج.م</span></td> <td dir="ltr">1,000 ج.م</td>
<td dir="ltr"><span data-eg-compare="3,499" data-sa-compare="1,499">3,499</span> <span class="compare-currency">ج.م</span></td> <td class="featured-col" dir="ltr">3,500 ج.م</td>
<td dir="ltr">6,500 ج.م</td>
</tr> </tr>
<tr> <tr>
<td>نسبة التشغيل</td> <td>نسبة التشغيل</td>
<td dir="ltr"><span data-eg-pct-compare="7%" data-sa-pct-compare="5%">7%</span></td> <td dir="ltr">12%</td>
<td class="featured-col" dir="ltr"><span data-eg-pct-compare="5%" data-sa-pct-compare="3.5%">5%</span></td> <td dir="ltr">7.5%</td>
<td dir="ltr"><span data-eg-pct-compare="3%" data-sa-pct-compare="2%">3%</span></td> <td class="featured-col" dir="ltr">5%</td>
</tr> <td dir="ltr">3%</td>
<tr>
<td>اشتراك ٦ أشهر</td>
<td dir="ltr"><span data-eg-compare="3,499" data-sa-compare="1,499">3,499</span> <span class="compare-currency">ج.م</span></td>
<td class="featured-col" dir="ltr"><span data-eg-compare="7,499" data-sa-compare="3,499">7,499</span> <span class="compare-currency">ج.م</span></td>
<td dir="ltr"><span data-eg-compare="17,499" data-sa-compare="7,499">17,499</span> <span class="compare-currency">ج.م</span></td>
</tr> </tr>
<tr> <tr>
<td>اشتراك سنوي</td> <td>فترة التجربة المجانية</td>
<td dir="ltr"><span data-eg-compare="6,990" data-sa-compare="2,990">6,990</span> <span class="compare-currency">ج.م</span></td> <td>14 يوم</td>
<td class="featured-col" dir="ltr"><span data-eg-compare="14,990" data-sa-compare="6,990">14,990</span> <span class="compare-currency">ج.م</span></td> <td>14 يوم</td>
<td dir="ltr"><span data-eg-compare="34,990" data-sa-compare="14,990">34,990</span> <span class="compare-currency">ج.م</span></td> <td class="featured-col">30 يوم</td>
<td>14 يوم</td>
</tr> </tr>
<tr> <tr>
<td>رسوم التفعيل</td> <td>فترة السماح (Grace)</td>
<td dir="ltr"><span data-eg-compare="1,000" data-sa-compare="499">1,000</span> <span class="compare-currency">ج.م</span></td> <td>7 أيام</td>
<td class="featured-col" dir="ltr"><span data-eg-compare="2,500" data-sa-compare="999">2,500</span> <span class="compare-currency">ج.م</span></td> <td>7 أيام</td>
<td dir="ltr"><span data-eg-compare="5,000" data-sa-compare="1,999">5,000</span> <span class="compare-currency">ج.م</span></td> <td class="featured-col">14 يوم</td>
<td>10 أيام</td>
</tr> </tr>
<tr> <tr>
<td>فترة التجربة المجانية</td> <td>اشتراك سنوي (١٠ شهور)</td>
<td>10 أيام</td> <td dir="ltr">—</td>
<td class="featured-col">10 أيام</td> <td dir="ltr">10,000 ج.م</td>
<td>10 أيام</td> <td class="featured-col" dir="ltr">35,000 ج.م</td>
<td dir="ltr">65,000 ج.م</td>
</tr> </tr>
<tr> <tr>
<td>موقع إلكتروني</td> <td>موقع إلكتروني</td>
<td>سب دومين مجاني</td> <td>سب دومين مجاني</td>
<td>سب دومين مجاني</td>
<td class="featured-col">سب دومين مجاني</td> <td class="featured-col">سب دومين مجاني</td>
<td>دومين خاص مجاني</td> <td>دومين خاص مجاني</td>
</tr> </tr>
<tr> <tr>
<td>دومين خاص</td> <td>دومين خاص</td>
<td>مع الاشتراك السنوي</td> <td>مع الاشتراك السنوي</td>
<td>مع الاشتراك السنوي</td>
<td class="featured-col">مع الاشتراك السنوي</td> <td class="featured-col">مع الاشتراك السنوي</td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg> مجاني</td> <td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg> مجاني</td>
</tr> </tr>
<tr> <tr>
<td>كل مزايا النظام</td> <td>كل مزايا النظام</td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
<td class="featured-col check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="featured-col check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
</tr> </tr>
<tr> <tr>
<td>فروع متعددة</td> <td>فروع متعددة</td>
<td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td> <td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="featured-col check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="featured-col check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
</tr> </tr>
...@@ -827,12 +868,14 @@ ...@@ -827,12 +868,14 @@
<td>مدير حساب مخصص</td> <td>مدير حساب مخصص</td>
<td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td> <td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td> <td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="featured-col cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
</tr> </tr>
<tr> <tr>
<td>تدريب فريق العمل</td> <td>تدريب فريق العمل</td>
<td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td> <td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td> <td class="cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="featured-col cross"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg></td>
<td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td> <td class="check"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg></td>
</tr> </tr>
</tbody> </tbody>
...@@ -892,11 +935,11 @@ ...@@ -892,11 +935,11 @@
</div> </div>
<div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);"> <div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);">
<h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">كيف أختار الباقة المناسبة؟</h4> <h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">كيف أختار الباقة المناسبة؟</h4>
<p style="color: var(--ink-secondary); font-size: var(--text-sm); line-height: 1.8;">اختر حسب عدد اللاعبين المسجلين في أكاديميتك: حتى 100 لاعب = الصغيرة، من 100 لـ 300 = المتوسطة، أكثر من 300 = الكبيرة. كل الباقات فيها نفس المزايا — الفرق في السعر ونسبة التشغيل فقط.</p> <p style="color: var(--ink-secondary); font-size: var(--text-sm); line-height: 1.8;">ابدأ بـ "نسبة تشغيل فقط" لو مش عايز اشتراك شهري ثابت، أو اختار Starter / Enterprise / Professional حسب حجمك وتحصيلاتك. كلما زادت الباقة، قلّت نسبة التشغيل — استخدم الحاسبة أدناه لتعرف الأوفر لحالتك.</p>
</div> </div>
<div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);"> <div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);">
<h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">هل فيه باقة مجانية؟</h4> <h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">هل فيه باقة مجانية؟</h4>
<p style="color: var(--ink-secondary); font-size: var(--text-sm); line-height: 1.8;">لا يوجد باقة مجانية، لكن كل الباقات فيها 10 أيام تجربة مجانية كاملة بدون أي التزام. بعد التجربة تختار الباقة اللي تناسبك.</p> <p style="color: var(--ink-secondary); font-size: var(--text-sm); line-height: 1.8;">لا يوجد باقة مجانية، لكن كل الباقات فيها 14 يوم تجربة مجانية كاملة بدون أي التزام (Enterprise 30 يوم). بعد التجربة تختار الباقة اللي تناسبك.</p>
</div> </div>
<div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);"> <div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);">
<h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">ما هو عرض "أوائل المشتركين"؟</h4> <h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">ما هو عرض "أوائل المشتركين"؟</h4>
...@@ -908,7 +951,7 @@ ...@@ -908,7 +951,7 @@
</div> </div>
<div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);"> <div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);">
<h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">ماذا يحدث بعد انتهاء الفترة التجريبية؟</h4> <h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">ماذا يحدث بعد انتهاء الفترة التجريبية؟</h4>
<p style="color: var(--ink-secondary); font-size: var(--text-sm); line-height: 1.8;">بعد انتهاء الـ 10 أيام التجريبية، يتوقف النظام مؤقتاً حتى تفعّل الاشتراك. بياناتك تبقى محفوظة ولا تُحذف — يمكنك العودة في أي وقت.</p> <p style="color: var(--ink-secondary); font-size: var(--text-sm); line-height: 1.8;">بعد انتهاء الفترة التجريبية (14 يوم أو 30 يوم لـ Enterprise)، يتوقف النظام مؤقتاً حتى تفعّل الاشتراك. بياناتك تبقى محفوظة ولا تُحذف — يمكنك العودة في أي وقت.</p>
</div> </div>
<div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);"> <div style="background: var(--bg-surface); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: var(--space-lg);">
<h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">هل أحتاج أجهزة خاصة؟</h4> <h4 style="margin-bottom: var(--space-xs); color: var(--ink-primary);">هل أحتاج أجهزة خاصة؟</h4>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment