From 5675a4d9288a30c0ca036f88f4ed4b299713fa2c Mon Sep 17 00:00:00 2001 From: Hamza-Ayed Date: Fri, 24 Jul 2026 23:55:29 +0300 Subject: [PATCH] fix: update marketing page content and formatting in index.html --- marketing/index.html | 78 ++++++++++++++++++++++++++++++++------------ 1 file changed, 57 insertions(+), 21 deletions(-) diff --git a/marketing/index.html b/marketing/index.html index 1b52815..0f5f1c7 100644 --- a/marketing/index.html +++ b/marketing/index.html @@ -109,7 +109,18 @@ header.scrolled{background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-back .lang-menu button{display:block;width:100%;text-align:start;padding:9px 12px;border:0;background:transparent; color:var(--text);font-family:inherit;font-size:15px;border-radius:8px;cursor:pointer} .lang-menu button:hover,.lang-menu button.active{background:var(--bg-alt);color:var(--brand-500)} -.menu-toggle{display:none} +.menu-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:transparent; + color:var(--text);cursor:pointer;place-items:center;transition:.2s} +.menu-toggle:hover{border-color:var(--brand-500);color:var(--brand-500)} +.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;opacity:0;transition:opacity .3s} +.mobile-overlay.show{display:block;opacity:1} +.mobile-drawer{display:none;position:fixed;top:72px;inset-inline:0;background:var(--card);border-bottom:1px solid var(--border); + box-shadow:var(--shadow-lg);z-index:101;padding:16px 24px 24px;transform:translateY(-10px);opacity:0; + transition:transform .3s var(--ease),opacity .3s;max-height:calc(100svh - 72px);overflow-y:auto} +.mobile-drawer.open{display:block;transform:none;opacity:1} +.mobile-drawer a{display:block;padding:14px 0;font-size:17px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)} +.mobile-drawer a:last-child{border-bottom:none} +.mobile-drawer .btn{width:100%;justify-content:center;margin-top:12px} /* ============ HERO ============ */ /* ============ GRAIN TEXTURE (dark sections) ============ */ @@ -265,6 +276,7 @@ html[dir="ltr"] .scroll-cue .chev{transform:rotate(-45deg)} .field label .val{color:var(--signal-400);font-weight:700;float:inline-end} input[type=range]{-webkit-appearance:none;width:100%;height:6px;border-radius:6px; background:linear-gradient(90deg,var(--brand-500) var(--p,40%),#28345c 0);outline:none} +html[dir="rtl"] input[type=range]{background:linear-gradient(to left,var(--brand-500) var(--p,40%),#28345c 0)} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%; background:#fff;border:4px solid var(--brand-500);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)} .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px} @@ -425,7 +437,7 @@ html[dir=ltr] .transit-sec{background-image:radial-gradient(760px 420px at 88% 0 /* ============ COMPARISON ============ */ .cmp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px} -.cmp-table th,.cmp-table td{padding:16px 18px;text-align:start;border-bottom:1px solid var(--border)} +.cmp-table th,.cmp-table td{padding:16px 18px;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap} .cmp-table thead th{font-family:var(--font-display);font-size:16px} .cmp-table thead th.us{color:var(--brand-500)} .cmp-table tbody tr:hover{background:var(--bg-alt)} @@ -767,6 +779,9 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t كيف نطلق الأسئلة +
+
+
+ المنتج + الإضافات + حاسبة التوفير + التسعير + كيف نطلق + الأسئلة + جرّب الديمو +
@@ -828,7 +853,7 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t
إطلاق منصتك خلال 30 يوماً
@@ -877,8 +902,8 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t
-
-
@@ -1007,7 +1032,7 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t
@@ -1023,7 +1048,7 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t
@@ -1229,7 +1254,7 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t

@@ -1287,7 +1312,7 @@ footer{background:var(--midnight-900);color:#8A99C2;padding:64px 0 32px;border-t
$299
@@ -1772,25 +1797,25 @@ const I18N = { const FAQS={ ar:[["من يملك بيانات الركاب والسائقين؟","أنت. تصدّرها كاملة في أي وقت، والعقد يلزمنا بفترة انتقال 60 يوماً إن قررت المغادرة."], ["ماذا لو أفلستم أو أغلقتم؟","باقة «سيادة» تعمل من خوادم داخل بلدك، ولكل الباقات ضمان تصدير + escrow اختياري للكود."], - ["كم النسبة بالضبط؟","مكتوبة في صفحة التسعير: 5% (انطلاقة) · 2.5% (علامة) · 2% (أسطول+) · 1% (سيادة) — تنازلية مع نمو GMV."], + ["كم النسبة بالضبط؟","مكتوبة في صفحة التسعير: 3.5% (انطلاقة) · 2.5% (علامة) · 2% (أسطول+) · 1% (سيادة) — تنازلية مع نمو GMV."], ["هل أحتاج فريقاً تقنياً؟","لا. النشر والتحديثات والمتاجر علينا. أنت تدير التشغيل من لوحة عربية."], ["عندي تطبيق قديم وسائقون نشطون — هل أخسرهم؟","لا: نرحّل السائقين والأرصدة والسجلات بلا يوم توقف."], ["هل يدعم الدفع كاش؟","نعم، الكاش افتراضي أساسي، والمحافظ والبطاقات إضافات حسب بلدك (Paymob في مصر وبوابات محلية أخرى)."]], en:[["Who owns the rider and driver data?","You do. Export it in full anytime, and the contract binds us to a 60-day transition period if you decide to leave."], ["What if you go bankrupt or shut down?","The Sovereign plan runs from servers inside your country, and every plan has an export guarantee + optional code escrow."], - ["What exactly is the rate?","Written on the pricing page: 5% (Startup) · 2.5% (Brand) · 2% (Fleet+) · 1% (Sovereign) — descending as GMV grows."], + ["What exactly is the rate?","Written on the pricing page: 3.5% (Startup) · 2.5% (Brand) · 2% (Fleet+) · 1% (Sovereign) — descending as GMV grows."], ["Do I need a technical team?","No. Publishing, updates and the stores are on us. You run operations from an Arabic-first panel."], ["I have a legacy app and active drivers — will I lose them?","No: we migrate drivers, balances and records with zero downtime."], ["Does it support cash payment?","Yes, cash is the core default, and wallets and cards are add-ons per country (Paymob in Egypt and other local gateways)."]], fr:[["Qui possède les données des passagers et chauffeurs ?","Vous. Exportez-les intégralement à tout moment ; le contrat nous oblige à une transition de 60 jours si vous partez."], ["Et si vous faites faillite ou fermez ?","Le forfait Souveraineté tourne sur des serveurs dans votre pays, et chaque forfait a une garantie d'export + escrow de code optionnel."], - ["Quel est exactement le taux ?","Écrit sur la page tarifs : 5% (Démarrage) · 2,5% (Marque) · 2% (Flotte+) · 1% (Souveraineté) — dégressif selon le GMV."], + ["Quel est exactement le taux ?","Écrit sur la page tarifs : 3,5% (Démarrage) · 2,5% (Marque) · 2% (Flotte+) · 1% (Souveraineté) — dégressif selon le GMV."], ["Ai-je besoin d'une équipe technique ?","Non. Publication, mises à jour et stores sont pour nous. Vous gérez depuis un panneau pensé pour l'arabe."], ["J'ai une ancienne app et des chauffeurs actifs — vais-je les perdre ?","Non : nous migrons chauffeurs, soldes et historiques sans interruption."], ["Le paiement en espèces est-il pris en charge ?","Oui, l'espèce est le défaut de base ; portefeuilles et cartes sont des options selon le pays (Paymob en Égypte et autres passerelles locales)."]], es:[["¿Quién es dueño de los datos de pasajeros y conductores?","Tú. Expórtalos completos en cualquier momento; el contrato nos obliga a 60 días de transición si decides irte."], ["¿Qué pasa si quiebran o cierran?","El plan Soberanía corre en servidores dentro de tu país, y todos los planes tienen garantía de exportación + escrow de código opcional."], - ["¿Cuál es exactamente la tarifa?","Escrita en la página de precios: 5% (Inicio) · 2,5% (Marca) · 2% (Flota+) · 1% (Soberanía) — decreciente al crecer el GMV."], + ["¿Cuál es exactamente la tarifa?","Escrita en la página de precios: 3,5% (Inicio) · 2,5% (Marca) · 2% (Flota+) · 1% (Soberanía) — decreciente al crecer el GMV."], ["¿Necesito un equipo técnico?","No. Publicación, actualizaciones y tiendas corren por nuestra cuenta. Tú operas desde un panel pensado en árabe."], ["Tengo una app antigua y conductores activos — ¿los perderé?","No: migramos conductores, saldos y registros sin tiempo de inactividad."], ["¿Admite pago en efectivo?","Sí, el efectivo es el predeterminado base; billeteras y tarjetas son complementos según el país (Paymob en Egipto y otras pasarelas locales)."]] @@ -1883,8 +1908,8 @@ function calc(){ const minMonthly = monthlyTrips * minRate; const tripz = base + Math.max(minMonthly, gmvFee); - const commission = gmv * 0.15; - const floor = monthlyTrips * 0.10; + const commission = monthlyTrips * 0.10; + const floor = monthlyTrips * 0.05; $("#rTripz").textContent = fmt(tripz); $("#rComm").textContent = fmt(commission); @@ -1962,6 +1987,17 @@ $$(".lang-menu button").forEach(b=>b.addEventListener("click",()=>{applyLang(b.d /* ============ NAV SCROLL ============ */ addEventListener("scroll",()=>{$("#hdr").classList.toggle("scrolled",scrollY>80);}); +/* ============ MOBILE MENU ============ */ +(function(){ + const toggle=$("#menuToggle"),drawer=$("#mobileDrawer"),overlay=$("#mobileOverlay"); + if(!toggle||!drawer)return; + function close(){drawer.classList.remove("open");overlay.classList.remove("show");toggle.setAttribute("aria-expanded","false");} + function open(){drawer.classList.add("open");overlay.classList.add("show");toggle.setAttribute("aria-expanded","true");} + toggle.addEventListener("click",()=>{drawer.classList.contains("open")?close():open();}); + overlay.addEventListener("click",close); + drawer.querySelectorAll("a").forEach(a=>a.addEventListener("click",close)); +})(); + /* ============ CALC INPUTS ============ */ ["trips","fare","cur","plan"].forEach(id=>$("#"+id).addEventListener("input",calc));