Skip to content

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

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
Hide whitespace changes
Inline Side-by-side
Showing with 8 additions and 76 deletions
public/js/main.js
View file @ 342065a8
......@@ -713,7 +713,6 @@ function initPricingCalc() {
// Egypt plans
const plansEG = [
{ id: 'platform-only', name: 'نسبة تشغيل فقط', monthlyFee: 0, platformPercent: 12.0 },
{ id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 },
{ id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 },
{ id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 },
......@@ -721,7 +720,6 @@ function initPricingCalc() {
// Saudi Arabia plans (same as EG for now)
const plansSA = [
{ id: 'platform-only', name: 'نسبة تشغيل فقط', monthlyFee: 0, platformPercent: 12.0 },
{ id: 'starter', name: 'Starter', monthlyFee: 1000, platformPercent: 7.5 },
{ id: 'enterprise', name: 'Enterprise', monthlyFee: 3500, platformPercent: 5.0 },
{ id: 'professional', name: 'Professional', monthlyFee: 6500, platformPercent: 3.0 },
......
public/pricing.html
View file @ 342065a8
......@@ -103,23 +103,20 @@
color: var(--ink-muted);
}
/* 4-column pricing grid */
/* 3-column pricing grid (centered) */
.pricing-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(3, 1fr);
gap: var(--space-lg);
align-items: stretch;
max-width: 1100px;
margin-inline: auto;
}
@media (max-width: 1100px) {
.pricing-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
@media (max-width: 900px) {
.pricing-grid-4 {
grid-template-columns: 1fr;
max-width: 450px;
}
}
......@@ -492,58 +489,10 @@
<section class="section">
<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>
<!-- Plan 1: Platform % Only -->
<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 -->
<!-- Plan 1: 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>
......@@ -574,7 +523,6 @@
<li>تقارير متقدمة</li>
<li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>دعم عبر WhatsApp</li>
</ul>
......@@ -617,7 +565,6 @@
<li>تقارير متقدمة + تصدير</li>
<li>موقع إلكتروني (سب دومين)</li>
<li>دومين خاص: مع الاشتراك السنوي</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>دعم أولوية</li>
</ul>
......@@ -659,7 +606,6 @@
<li>تقارير متقدمة + تصدير</li>
<li>صلاحيات متقدمة متعددة الأدوار</li>
<li>موقع إلكتروني + دومين خاص مجاناً</li>
<li>سعر النظام: <del style="opacity:.5">٢٥٠,٠٠٠ ج.م</del></li>
<li>مدير حساب مخصص</li>
<li>تدريب فريق العمل</li>
</ul>
......@@ -794,7 +740,6 @@
<thead>
<tr>
<th>الميزة</th>
<th>نسبة تشغيل فقط</th>
<th>Starter</th>
<th class="featured-col">Enterprise</th>
<th>Professional</th>
......@@ -803,14 +748,12 @@
<tbody>
<tr>
<td>الاشتراك الشهري</td>
<td dir="ltr">0 ج.م</td>
<td dir="ltr">1,000 ج.م</td>
<td class="featured-col" dir="ltr">3,500 ج.م</td>
<td dir="ltr">6,500 ج.م</td>
</tr>
<tr>
<td>نسبة التشغيل</td>
<td dir="ltr">12%</td>
<td dir="ltr">7.5%</td>
<td class="featured-col" dir="ltr">5%</td>
<td dir="ltr">3%</td>
......@@ -818,20 +761,17 @@
<tr>
<td>فترة التجربة المجانية</td>
<td>14 يوم</td>
<td>14 يوم</td>
<td class="featured-col">30 يوم</td>
<td>14 يوم</td>
</tr>
<tr>
<td>فترة السماح (Grace)</td>
<td>7 أيام</td>
<td>7 أيام</td>
<td class="featured-col">14 يوم</td>
<td>14 يوم</td>
<td>10 أيام</td>
</tr>
<tr>
<td>اشتراك سنوي (١٠ شهور)</td>
<td dir="ltr">—</td>
<td dir="ltr">10,000 ج.م</td>
<td class="featured-col" dir="ltr">35,000 ج.م</td>
<td dir="ltr">65,000 ج.م</td>
......@@ -839,42 +779,36 @@
<tr>
<td>موقع إلكتروني</td>
<td>سب دومين مجاني</td>
<td>سب دومين مجاني</td>
<td class="featured-col">سب دومين مجاني</td>
<td>دومين خاص مجاني</td>
</tr>
<tr>
<td>دومين خاص</td>
<td>مع الاشتراك السنوي</td>
<td>مع الاشتراك السنوي</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>
</tr>
<tr>
<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="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>
</tr>
<tr>
<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="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>
</tr>
<tr>
<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="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>
</tr>
<tr>
<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="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>
</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