Commit 342065a8 authored by Mahmoud Aglan's avatar Mahmoud Aglan

Remove 250K pricing anchor, drop Platform % Only plan, center 3-plan grid

Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent 8f81e99b
...@@ -713,7 +713,6 @@ function initPricingCalc() { ...@@ -713,7 +713,6 @@ function initPricingCalc() {
// Egypt plans // Egypt plans
const plansEG = [ const plansEG = [
{ id: 'platform-only', name: 'نسبة تشغيل فقط', monthlyFee: 0, platformPercent: 12.0 },
{ id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 }, { id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 },
{ id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 }, { id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 },
{ id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 }, { id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 },
...@@ -721,7 +720,6 @@ function initPricingCalc() { ...@@ -721,7 +720,6 @@ function initPricingCalc() {
// Saudi Arabia plans (same as EG for now) // Saudi Arabia plans (same as EG for now)
const plansSA = [ const plansSA = [
{ id: 'platform-only', name: 'نسبة تشغيل فقط', monthlyFee: 0, platformPercent: 12.0 },
{ id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 }, { id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 },
{ id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 }, { id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 },
{ id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 }, { id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 },
......
...@@ -103,23 +103,20 @@ ...@@ -103,23 +103,20 @@
color: var(--ink-muted); color: var(--ink-muted);
} }
/* 4-column pricing grid */ /* 3-column pricing grid (centered) */
.pricing-grid-4 { .pricing-grid-4 {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
gap: var(--space-lg); gap: var(--space-lg);
align-items: stretch; align-items: stretch;
max-width: 1100px;
margin-inline: auto;
} }
@media (max-width: 1100px) { @media (max-width: 900px) {
.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;
max-width: 450px;
} }
} }
...@@ -492,58 +489,10 @@ ...@@ -492,58 +489,10 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<!-- Value Frame Banner -->
<div class="value-frame" data-reveal>
<div class="value-frame__headline">القيمة التقديرية للنظام عند الشراء التقليدي ٢٥٠,٠٠٠ ج.م — مع El-Captain تبدأ باشتراك بسيط فقط</div>
<div class="value-frame__sub">ابدأ بنسبة تشغيل فقط (٠ ج.م شهرياً) أو اختار باقة ثابتة بنسبة أقل كلما كبرت</div>
<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>
أوائل المشتركين يقفلون على السعر ده للأبد
</div>
</div>
<div class="pricing-grid-4" data-reveal> <div class="pricing-grid-4" data-reveal>
<!-- Plan 1: Platform % Only --> <!-- Plan 1: Starter -->
<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>
<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"> <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> <h3 class="plan-card__name">Starter</h3>
<p class="plan-card__tagline">للأكاديميات الناشئة</p> <p class="plan-card__tagline">للأكاديميات الناشئة</p>
...@@ -574,7 +523,6 @@ ...@@ -574,7 +523,6 @@
<li>تقارير متقدمة</li> <li>تقارير متقدمة</li>
<li>موقع إلكتروني (سب دومين)</li> <li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li> <li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>دعم عبر WhatsApp</li> <li>دعم عبر WhatsApp</li>
</ul> </ul>
...@@ -617,7 +565,6 @@ ...@@ -617,7 +565,6 @@
<li>تقارير متقدمة + تصدير</li> <li>تقارير متقدمة + تصدير</li>
<li>موقع إلكتروني (سب دومين)</li> <li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li> <li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>دعم أولوية</li> <li>دعم أولوية</li>
</ul> </ul>
...@@ -659,7 +606,6 @@ ...@@ -659,7 +606,6 @@
<li>تقارير متقدمة + تصدير</li> <li>تقارير متقدمة + تصدير</li>
<li>صلاحيات متقدمة متعددة الأدوار</li> <li>صلاحيات متقدمة متعددة الأدوار</li>
<li>موقع إلكتروني + دومين خاص مجاناً</li> <li>موقع إلكتروني + دومين خاص مجاناً</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>مدير حساب مخصص</li> <li>مدير حساب مخصص</li>
<li>تدريب فريق العمل</li> <li>تدريب فريق العمل</li>
</ul> </ul>
...@@ -794,7 +740,6 @@ ...@@ -794,7 +740,6 @@
<thead> <thead>
<tr> <tr>
<th>الميزة</th> <th>الميزة</th>
<th>نسبة تشغيل فقط</th>
<th>Starter</th> <th>Starter</th>
<th class="featured-col">Enterprise</th> <th class="featured-col">Enterprise</th>
<th>Professional</th> <th>Professional</th>
...@@ -803,14 +748,12 @@ ...@@ -803,14 +748,12 @@
<tbody> <tbody>
<tr> <tr>
<td>الاشتراك الشهري</td> <td>الاشتراك الشهري</td>
<td dir="ltr">0 ج.م</td>
<td dir="ltr">1,000 ج.م</td> <td dir="ltr">1,000 ج.م</td>
<td class="featured-col" dir="ltr">3,500 ج.م</td> <td class="featured-col" dir="ltr">3,500 ج.م</td>
<td dir="ltr">6,500 ج.م</td> <td dir="ltr">6,500 ج.م</td>
</tr> </tr>
<tr> <tr>
<td>نسبة التشغيل</td> <td>نسبة التشغيل</td>
<td dir="ltr">12%</td>
<td dir="ltr">7.5%</td> <td dir="ltr">7.5%</td>
<td class="featured-col" dir="ltr">5%</td> <td class="featured-col" dir="ltr">5%</td>
<td dir="ltr">3%</td> <td dir="ltr">3%</td>
...@@ -818,20 +761,17 @@ ...@@ -818,20 +761,17 @@
<tr> <tr>
<td>فترة التجربة المجانية</td> <td>فترة التجربة المجانية</td>
<td>14 يوم</td> <td>14 يوم</td>
<td>14 يوم</td>
<td class="featured-col">30 يوم</td> <td class="featured-col">30 يوم</td>
<td>14 يوم</td> <td>14 يوم</td>
</tr> </tr>
<tr> <tr>
<td>فترة السماح (Grace)</td> <td>فترة السماح (Grace)</td>
<td>7 أيام</td> <td>7 أيام</td>
<td>7 أيام</td>
<td class="featured-col">14 يوم</td> <td class="featured-col">14 يوم</td>
<td>14 يوم</td> <td>10 أيام</td>
</tr> </tr>
<tr> <tr>
<td>اشتراك سنوي (١٠ شهور)</td> <td>اشتراك سنوي (١٠ شهور)</td>
<td dir="ltr"></td>
<td dir="ltr">10,000 ج.م</td> <td dir="ltr">10,000 ج.م</td>
<td class="featured-col" dir="ltr">35,000 ج.م</td> <td class="featured-col" dir="ltr">35,000 ج.م</td>
<td dir="ltr">65,000 ج.م</td> <td dir="ltr">65,000 ج.م</td>
...@@ -839,42 +779,36 @@ ...@@ -839,42 +779,36 @@
<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>
<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 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="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="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>
......
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