Update: 2026-05-16 01:36:22

This commit is contained in:
Hamza-Ayed
2026-05-16 01:36:22 +03:00
parent 24a9f064a1
commit aceb7d324f
8 changed files with 145 additions and 43 deletions

View File

@@ -164,11 +164,23 @@
<h2>اختر الباقة المناسبة لحجم أعمالك</h2>
<p>لا رسوم خفية. لا عقود طويلة. ابدأ مجاناً وتدرّج حسب احتياجك.</p>
</div>
<div style="display:flex; justify-content:center; margin-bottom:40px;">
<div class="cycle-toggle" style="background:rgba(255,255,255,0.05); padding:6px; border-radius:14px; display:inline-flex; border:1px solid rgba(255,255,255,0.1); cursor:pointer;" onclick="this.classList.toggle('monthly'); document.querySelectorAll('.price-monthly').forEach(el=>el.style.display=this.classList.contains('monthly')?'block':'none'); document.querySelectorAll('.price-annual').forEach(el=>el.style.display=this.classList.contains('monthly')?'none':'block');">
<span class="toggle-btn annual-btn" style="padding:10px 24px; border-radius:10px; font-size:14px; font-weight:700; color:white; background:var(--green-mid); transition:all 0.3s;">دفع سنوي (توفير )</span>
<span class="toggle-btn monthly-btn" style="padding:10px 24px; border-radius:10px; font-size:14px; font-weight:700; color:var(--text-3); transition:all 0.3s;">دفع شهري</span>
</div>
</div>
<style>
.cycle-toggle.monthly .annual-btn { background:transparent; color:var(--text-3); }
.cycle-toggle.monthly .monthly-btn { background:var(--green-mid); color:white; }
</style>
<div class="pricing-grid">
<div class="price-card">
<div class="price-name">التجربة المجانية</div>
<div class="price-amount">0 <span>دينار/سنة</span></div>
<div class="price-amount">0 <span>دينار/شهر</span></div>
<div class="price-desc">للتجربة الأولية</div>
<ul class="price-features">
<li><span class="feature-check"></span> شركة واحدة</li>
@@ -182,13 +194,14 @@
<div class="price-card popular">
<div class="popular-badge"> الأكثر اختياراً</div>
<div class="price-name">الباقة الأساسية (سنوي)</div>
<div class="price-amount">120 <span>دينار/سنة</span></div>
<div class="price-name">الباقة الأساسية</div>
<div class="price-amount price-annual">120 <span>دينار/سنة</span></div>
<div class="price-amount price-monthly" style="display:none;">15 <span>دينار/شهر</span></div>
<div class="price-desc">للمحاسبين والشركات الصغيرة</div>
<ul class="price-features">
<li><span class="feature-check"></span> شركة واحدة</li>
<li><span class="feature-check"></span> 12,000 فاتورة سنوياً</li>
<li><span class="feature-check"></span> مستخدم واحد</li>
<li><span class="feature-check"></span> حتى 3 شركات</li>
<li><span class="feature-check"></span> 500 فاتورة شهرياً</li>
<li><span class="feature-check"></span> مستخدمين اثنين</li>
<li><span class="feature-check"></span> دعم فني متكامل</li>
<li><span class="feature-check"></span> ربط مباشر مع جوفوترة</li>
</ul>
@@ -196,12 +209,13 @@
</div>
<div class="price-card">
<div class="price-name">الباقة الاحترافية (سنوي)</div>
<div class="price-amount">250 <span>دينار/سنة</span></div>
<div class="price-name">الباقة الاحترافية</div>
<div class="price-amount price-annual">290 <span>دينار/سنة</span></div>
<div class="price-amount price-monthly" style="display:none;">35 <span>دينار/شهر</span></div>
<div class="price-desc">للمكاتب الكبيرة والموزعين</div>
<ul class="price-features">
<li><span class="feature-check"></span> شركات غير محدودة</li>
<li><span class="feature-check"></span> 50,000 فاتورة سنوياً</li>
<li><span class="feature-check"></span> 3,000 فاتورة شهرياً</li>
<li><span class="feature-check"></span> 5 مستخدمين</li>
<li><span class="feature-check"></span> تدقيق ذكي استباقي</li>
<li><span class="feature-check"></span> مدير حساب مخصص</li>