# 31 — البرومت التصميمي الكامل لموقع Tripz التسويقي (يُسلَّم لـ Gemini كما هو) > **مصادر القرارات:** الباقات والأرقام من [05](05-pricing-billing.md) · بنية اللاندنج والقمع من [12](12-landing-gtm.md) · الخطوط من [26](26-flutter-design-system.md) §1. > **الاستخدام:** انسخ كل ما تحت السطر الفاصل التالي والصقه لـ Gemini (أو أي مصمم/نموذج). المستند مكتفٍ بذاته — لا يحتاج سياقاً خارجياً. --- # PROMPT START — تصميم موقع Tripz.app التسويقي ## 0. دورك ومهمتك أنت مدير إبداعي (Creative Director) + مصمم منتجات رقمية بمستوى عالمي، متخصص في مواقع B2B SaaS. مهمتك تصميم الموقع التسويقي الكامل لمنصة **Tripz** — منصة نقل ذكي كخدمة (Ride-hailing SaaS / White-label) — بجودة تضاهي أفضل مواقع القطاع عالمياً (onde.app، yelowsoft.com، stripe.com كمرجع جودة تنفيذ) لكن **بهوية بصرية مستقلة تماماً، لا استنساخ**. التصميم مطلوب بأربع لغات: **العربية (الافتراضية، RTL) · الإنجليزية · الفرنسية · الإسبانية**. **قاعدة حاكمة:** كل نص وكل رقم وكل ادّعاء في هذا البرومت نهائي ومعتمد — لا تخترع أرقاماً أو أسعاراً أو شهادات عملاء غير المذكورة هنا. إن احتجت نصاً غير موجود، اكتبه بنفس النبرة والصدق (لا مبالغات «الأفضل عالمياً»، لا عملاء وهميين). --- ## 1. خلفية المنتج (لفهمك — لا تُنشر حرفياً) - **Tripz** منصة متعددة المستأجرين (Multi-tenant): مشغّل التكسي/الأسطول يحصل على تطبيق راكب + تطبيق سائق بعلامته التجارية على المتجرين، مع لوحة تحكم إدارية (My Hub) ونظام dispatch — دون أن يكتب سطر كود. - المنصة مبنية على نظام يشغّل رحلات حقيقية منذ 2019 (تطبيق «سيرو» العامل في السوق) — أي أنها ليست نموذجاً أولياً بل نظام مجرّب أعيدت هندسته سحابياً. - **السوق المستهدف:** مشغّلو الأساطيل ومكاتب التكسي ورواد الأعمال في الشرق الأوسط وأفريقيا وأمريكا اللاتينية — الأسواق التي يهملها المنافس الأكبر (Onde) أو يتعامل معها بغموض تسعيري. - **موقعنا التنافسي (جوهر كل الرسائل):** نحن *عكس* المنافسين في ثلاث نقاط مؤلمة لديهم: 1. **الشفافية:** أسعارنا كاملة معلنة على الموقع (المنافسون يخفونها خلف مكالمات مبيعات). 2. **سيادة البيانات:** بيانات المشغّل قابلة للتصدير في أي وقت، وباقة «سيادة» تُنشَر داخل بلد العميل. 3. **التكلفة:** حدنا الأدنى $0.02/رحلة مقابل $0.10 عند Onde، ونسبتنا معلنة ومكتوبة في العقد. - **قنوات البيع:** السوق يشتري بالواتساب لا بنماذج Calendly — زر واتساب حاضر دائماً. والديمو حيّ فوري بلا مكالمة مبيعات (عكس بوابة Onde المقفلة). --- ## 2. الهدف التجاري ومؤشرات النجاح | الهدف | المؤشر | |-------|--------| | تحويل الزائر إلى محادثة مؤهلة | نقرات واتساب + بدء الديمو الحي (KPI أساسي: 20 محادثة مؤهلة/شهر) | | بيع صامت 24/7 | استخدام حاسبة التوفير (إكمال الحساب = lead ساخن) | | بناء الثقة في سوق يعتمد الغموض | زمن بقاء في صفحة التسعير العلنية + قراءة الأسئلة الشائعة | | التميز في البحث العربي (فراغ محتوى شبه كامل) | ترتيب عضوي لعبارات مثل «تطبيق تكسي بعلامتك التجارية» | **ترتيب أولوية الـ CTA في كل الصفحات:** ① جرّب الديمو الحي (فوري، بلا تسجيل مكالمة) ② تحدّث معنا على واتساب ③ احسب توفيرك (الحاسبة). --- ## 3. الجمهور — ثلاث شخصيات تُصمَّم لها الصفحة 1. **مالك مكتب تكسي تقليدي (10–100 مركبة):** يدير بالهاتف وWhatsApp، يخاف التقنية ويكره العمولات الخفية. رسالته: «خفّض تكلفة التشغيل حتى 50% — الأتمتة بدل الموزّع البشري». يحتاج لغة بسيطة، أرقاماً ملموسة، وإثباتاً أن النظام عربي ويشبهه. 2. **رائد أعمال/مستثمر في اقتصاد ناشئ (مصر، سوريا، العراق، أفريقيا الفرنكفونية، أمريكا اللاتينية):** يريد إطلاق «أوبر مدينته» حيث لا تصل الشركات الكبرى. رسالته: «انطلق خلال 30 يوماً برأس مال محدود — وقرّر لاحقاً إن كنت ستكبر». يحتاج مسار ترقية واضحاً وباقة دخول شبه مجانية. 3. **مؤسسة (فندق، شركة تأجير، جهة تنظيمية):** تريد قناة نقل خاصة أو نسخة داخل الدولة. رسالتها: «نسخة معزولة في بلدك، SLA 99.9%، واجهة للمنظّم». تحتاج نبرة مؤسسية وصفحة «سيادة» مخصصة. --- ## 4. السردية القصصية (بنية StoryBrand — تحكم ترتيب أقسام الصفحة الرئيسية) البطل هو **المشغّل**، لا نحن. نحن المرشد. 1. **البطل وطموحه:** «مدينتك تحتاج تطبيق نقل — ولماذا لا يكون تطبيقك أنت؟» 2. **الخصم:** العمولات الخفية، منصات تأخذ 15% وتحتكر بياناتك، تطوير مخصص يكلف $150k–500k و18 شهراً. 3. **المرشد (نحن) وبرهانه:** نظام يشغّل رحلات حقيقية منذ 2019، أسعار معلنة، عقد يحترم العميل. 4. **الخطة (3 خطوات):** جرّب الديمو → أرسل شعارك وألوانك → أطلق خلال 30 يوماً. 5. **النجاح المتخيَّل:** لقطة لوحة التحكم وأرقام رحلات حية تحت علامة العميل. 6. **كلفة التقاعس:** حاسبة التوفير تُظهر كم يخسر شهرياً بالبقاء على الوضع الحالي. كل قسم في الصفحة الرئيسية (§8) يقابل خطوة من هذه السردية بالترتيب. --- ## 5. الهوية البصرية ### 5.1 الاسم والشعار - الاسم: **Tripz** (لاتيني دائماً حتى في النص العربي، مثل Uber وCareem). - اتجاه الشعار: wordmark هندسي حديث، حرف **z** الأخير يُعالج كإشارة مسار/طريق (خط ينساب منه polyline خفيف). قدّم 3 اتجاهات للشعار ضمن التسليمات. ### 5.2 لوحة الألوان (نظام كامل light + dark) الفكرة: **«ليل المدينة + إشارة التكسي»** — كحلي ليلي عميق يوحي بالخرائط الليلية والاحتراف، مع كهرماني إشاري يستدعي هوية التكسي عالمياً دون ابتذال الأصفر الفاقع. | Token | Hex | الاستخدام | |-------|-----|-----------| | `midnight-900` | `#0A1128` | خلفيات الأقسام الداكنة، الـ hero، الفوتر | | `midnight-700` | `#12203F` | بطاقات فوق الخلفية الداكنة | | `brand-500` (أساسي) | `#2E4BFF` | أزرار أساسية، روابط، تركيز | | `brand-600` | `#1F38D9` | حالة hover/pressed | | `signal-400` (تمييز) | `#FFB800` | إبرازات، أرقام الحاسبة، شارة «الأكثر اختياراً»، مؤشر الخريطة | | `surface-0` | `#FFFFFF` | خلفية الأقسام الفاتحة | | `surface-50` | `#F6F8FC` | خلفية بديلة/بطاقات فاتحة | | `ink-900` | `#101828` | نص أساسي على الفاتح | | `ink-500` | `#5B6478` | نص ثانوي | | `success-500` | `#12B76A` | أرقام التوفير، علامات ✓ في جداول المقارنة | | `danger-500` | `#F04438` | أرقام تكلفة المنافس، علامات ✕ | قواعد: الكهرماني `signal-400` لا يتجاوز 10% من أي شاشة (توابل لا طبق). التباين AA كحد أدنى لكل نص. الوضع الداكن مطلوب للموقع كاملاً (يتبع تفضيل النظام + مفتاح يدوي). ### 5.3 الخطوط - **العربية:** IBM Plex Sans Arabic (أوزان 400/500/600/700). - **اللاتينية (en/fr/es):** Inter، والعناوين الكبيرة H1/H2 بـ **Space Grotesk** لشخصية تقنية مميزة. - **الأرقام دائماً لاتينية (1 2 3) في كل اللغات بما فيها العربية** — أرقام الأسعار والحاسبة بخاصية `tabular-nums`. - سلم الأحجام (desktop): H1 clamp(40→64px) · H2 36px · H3 24px · body 18px · caption 14px. سطر العربية أوسع 8% من اللاتينية (line-height 1.7 مقابل 1.55). ### 5.4 لغة الصورة - **لقطات المنتج حقيقية** داخل إطارات هواتف ثلاثية الأبعاد نظيفة — النسخة العربية تعرض لقطات RTL فعلاً (هذا وحده تمايز عن كل المنافسين الذين يعرضون لقطات إنجليزية للسوق العربي). - خلفيات خرائط ليلية مجردة (خطوط طرق، polylines متوهجة بـ `brand-500` و`signal-400`) — بلا صور ستوك لأشخاص مبتسمين في مكاتب. - أيقونات خطية stroke 1.5px بزوايا مستديرة (مرجع: Lucide) موحدة في الموقع كله. - الرسوم التوضيحية isometric خفيفة لمشاهد المدينة/الأسطول إن لزمت — بنفس اللوحة اللونية حصراً. ### 5.5 الشبكة والمقاسات - Grid: 12 عموداً، أقصى عرض محتوى 1200px، هوامش 24px موبايل / 80px desktop. - إيقاع المسافات مضاعفات 8px. زوايا البطاقات 16px، الأزرار 12px، الأزرار الرئيسية بارتفاع 52px. - ظلال ناعمة منخفضة (`0 4px 24px rgba(10,17,40,.08)`) — لا ظلال قاسية. - Breakpoints: 390 / 768 / 1024 / 1440. --- ## 6. نظام الحركة (Motion) — إلزامي لا تجميلي **المبادئ:** الحركة تشرح (توجّه العين للقيمة) ولا تستعرض. مدد قصيرة: 150–300ms للعناصر التفاعلية، 500–800ms لمداخل الأقسام. Easing: `cubic-bezier(0.16, 1, 0.3, 1)` للمداخل، `ease-out` للـ hover. **احترام `prefers-reduced-motion` إلزامي** (تتحول كل الحركات لظهور فوري بلا إزاحة). مواصفات حركية محددة: | العنصر | الحركة | |--------|--------| | خلفية الـ Hero | خريطة ليلية مجردة تتحرك فيها 3–4 علامات مركبات ببطء على polylines متوهجة + نبضة دبوس التقاط كل 6 ثوانٍ (SVG/Lottie، وزن < 150KB) | | عنوان الـ Hero | ظهور الكلمات متدرجاً (stagger 60ms، إزاحة 16px للأعلى) | | هواتف الـ Hero | طفو بطيء (translateY ±6px، دورة 6s) + دوران 3D خفيف عند حركة المؤشر (desktop فقط، بحد 4°) | | عدّادات الأرقام | count-up عند دخول viewport (800ms، مرة واحدة) | | تبويبات المنتج | تبديل لقطات crossfade + انزلاق 24px، ومؤشر التبويب ينزلق بمرونة | | الحاسبة | الأرقام تتدحرج (odometer)، شريط التوفير ينمو أفقياً، رقم التوفير السنوي ينبض مرة بـ `signal-400` عند التحديث | | الخط الزمني (30 يوماً) | خط التقدم يُرسم مع التمرير (scroll-linked) وتضيء كل مرحلة عند بلوغها | | بطاقات التسعير | تبديل شهري/سنوي بقلب رقم fade 200ms؛ البطاقة الموصى بها مرفوعة 8px بظل أقوى | | صفوف جدول المقارنة | ظهور متدرج 40ms/صف، علامات ✓ تُرسم (SVG stroke draw) | | زر CTA الرئيسي | لمعة ضوئية تعبر الزر كل 8 ثوانٍ (subtle sheen) + scale 1.02 عند hover | --- ## 7. خريطة الموقع (Sitemap) ``` /{lang}/ الرئيسية (المواصفة الكاملة في §8) /{lang}/pricing التسعير العلني الكامل (§9) /{lang}/product/rider تطبيق الراكب /{lang}/product/driver تطبيق السائق /{lang}/product/dispatch لوحة الموزّع /{lang}/product/admin لوحة التحكم My Hub /{lang}/solutions/fleets مكاتب وأساطيل التكسي /{lang}/solutions/startups رواد الأعمال والأسواق الناشئة /{lang}/solutions/sovereign «سيادة» — الحكومات والمؤسسات /{lang}/how-it-works رحلة الإطلاق (30 يوماً) + المتطلبات الفنية من العميل /{lang}/case-study/siro دراسة حالة سيرو /{lang}/faq الأسئلة الصريحة /{lang}/blog المحتوى (يُصمَّم قالبه فقط) /{lang}/legal/* الخصوصية، الشروط، اتفاقية معالجة البيانات demo.tripz.app الديمو الحي (خارج نطاق هذا التصميم — يكفي زر يقود إليه) ``` اللغات: `ar` (افتراضية) · `en` · `fr` · `es` — مبدّل لغة دائم في الترويسة (أسماء اللغات بلسانها: العربية، English، Français, Español). --- ## 8. الصفحة الرئيسية — قسماً قسماً (13 قسماً بالترتيب) > النصوص أدناه معتمدة. العربية والإنجليزية كاملتان؛ الفرنسية والإسبانية مذكورتان للعناوين الكبرى، وباقي نصوصهما تُترجم بنفس النبرة (مخاطبة مباشرة، جمل قصيرة، صفر مبالغة). ### القسم 1 — الترويسة (sticky) شعار Tripz · روابط: المنتج (قائمة منسدلة بالمكونات الأربعة) · الحلول · التسعير · كيف نطلق · الموارد · مبدّل اللغة · مبدّل داكن/فاتح · زر CTA بلون `brand-500`: «جرّب الديمو». الترويسة تصبح زجاجية (backdrop-blur) بعد التمرير 80px. ### القسم 2 — Hero (خلفية `midnight-900` بخريطة متحركة) - **H1:** - AR: «أطلق تطبيق النقل **بعلامتك** — خلال 30 يوماً، وبياناتك تبقى لك.» - EN: "Launch ride-hailing **under your brand** — live in 30 days, your data stays yours." - FR: « Lancez votre plateforme VTC **sous votre marque** — en 30 jours, vos données restent les vôtres. » - ES: «Lanza tu plataforma de transporte **con tu marca** — en 30 días, y tus datos siguen siendo tuyos.» - **تحت العنوان:** AR: «تطبيقا راكب وسائق على المتجرين، لوحة تحكم وdispatch — بنسبة معلنة على الموقع وعقد يضمن تصدير بياناتك في أي وقت.» / EN: "Rider & driver apps on both stores, admin panel and dispatch — with pricing published right here and a contract that guarantees data export, anytime." - **CTAs:** أساسي «جرّب الديمو الحي» / ثانوي بأيقونة واتساب «تحدّث معنا على واتساب». - **سطر ثقة صغير تحت الأزرار:** «بلا بطاقة ائتمانية · ديمو فوري بلا مكالمة مبيعات». - **بصرياً:** هاتفان (راكب RTL + سائق) يطفوان يمين العنوان (يساره في RTL) فوق الخريطة المتحركة. ### القسم 3 — شريط برهان رقمي (عدّادات على خلفية فاتحة) أربعة أرقام معتمدة فقط: **«يشغّل رحلات حقيقية منذ 2019»** · **«$0.02 الحد الأدنى للرحلة — الأدنى في الفئة»** · **«30 يوماً من العقد إلى المتجرين»** · **«4 لغات، RTL أصيل»**. (لا تخترع أعداد مدن/عملاء.) ### القسم 4 — الركائز الثلاث (مقلوبة من ثغرات المنافس) ثلاث بطاقات بأيقونة + عنوان + سطرين: 1. **«بياناتك سيادتك»** — تصدير كامل في أي وقت، فترة انتقال 60 يوماً مكتوبة في العقد، وخيار نشر داخل بلدك. 2. **«تكلفة بلا مفاجآت»** — النسبة معلنة هنا في صفحة التسعير. لا فاتورة خرائط مخفية، لا حد أدنى $0.10. 3. **«أسرع من أن تتردد»** — نظام مجرّب منذ 2019، لا نبنيه من الصفر: نلبسه علامتك ونطلقه خلال 30 يوماً. ### القسم 5 — مكونات المنصة (تبويبات تفاعلية) أربعة تبويبات: **تطبيق الراكب · تطبيق السائق · لوحة الموزّع · My Hub**. كل تبويب: لقطة شاشة حقيقية (RTL في النسخة العربية) + 3 نقاط ميزات: - الراكب: طلب بعرض أسعار الفئات قبل التأكيد · تتبّع حي · دفع كاش ومحفظة. - السائق: محفظة واشتراكات (90/180/360 يوماً) · خريطة طلب واضحة · أرباح لحظية. - الموزّع: إسناد يدوي وآلي · خريطة الأسطول الحية · حجوزات هاتفية. - My Hub: التعرفة والفئات · تقارير ومالية شفافة · إدارة السائقين والوثائق (بذكاء اصطناعي لفحص الوثائق). ### القسم 6 — حاسبة التوفير (أهم أداة بيع — أبرِزها بصرياً على خلفية `midnight-700`) - **العنوان:** AR: «كم ستوفّر مع Tripz؟ احسبها بنفسك.» / EN: "How much would you save with Tripz? Do the math." - **المدخلات:** رحلات/يوم (slider 50–5,000) · متوسط الأجرة + العملة (JOD, EGP, SYP, USD, EUR, MAD, XOF) · الباقة (افتراضي: علامة). - **المعادلة (تنفَّذ JS في المتصفح):** `فاتورة Tripz = $99 + max(الرحلات×$0.02، شرائح GMV: 2.5% حتى $50k ثم 2% حتى $200k ثم 1.5%)`. - **المخرجات المعروضة جنباً إلى جنب:** فاتورة Tripz الشهرية (بـ `success-500`) مقابل: منصة عمولة 15% (بـ `danger-500`) ومنصة بحد أدنى $0.10/رحلة. ثم سطر كبير: **«توفيرك السنوي: X»** بـ `signal-400`. - CTA تحت النتيجة: «أرسل هذه الحسبة لنا على واتساب» (يفتح واتساب برسالة مسبقة تتضمن الأرقام). ### القسم 7 — كيف نُطلق: خط زمني من 5 مراحل / 30 يوماً 1. **يوم 1–3:** نحدد معك المدينة والفئات والتعرفة واللغات. 2. **يوم 4–7:** ترسل الشعار والألوان وحسابات المطوّر (قائمة المتطلبات في صفحة «كيف نطلق»: أيقونة 1024×1024، شعار شفاف 4:1، لون Hex، ملفا Firebase، معرّفات Apple/Google، مفاتيح الدفع). 3. **يوم 8–14:** نبني نسختك ونربط بوابة الدفع والرسائل، ونرحّل سائقيك وأرصدتهم إن كنت تعمل بنظام قديم — **بلا يوم توقف واحد**. 4. **يوم 15–21:** نشر على TestFlight ومسار Beta وتجربة معك ميدانياً. 5. **يوم 22–30:** مراجعة المتاجر والإطلاق الحي بإشرافنا المباشر. ### القسم 8 — التسعير (ملخص 4 بطاقات + رابط للصفحة الكاملة) البطاقات وفق §9 بالضبط. فوقها سطر: «نعم — أسعارنا كلها هنا. علناً.» وهو بحد ذاته رسالة تسويقية في سوق يعتمد الغموض. ### القسم 9 — جدول المقارنة الصريح أعمدة: **Tripz · Onde · تطوير مخصص**. صفوف: تكلفة البدء ($0–12,000 / $4,500–23,000 / $150k–500k) · الزمن حتى الإطلاق (30 يوماً / أسابيع–أشهر / 9–18 شهراً) · الحد الأدنى للرحلة ($0.02 / $0.10 / —) · النسبة معلنة؟ (✓ / ✕ / —) · تصدير البيانات مضمون بالعقد (✓ / ✕ / ✓) · استضافة داخل بلدك (✓ باقة سيادة / ✕ / ✓) · دعم عربي أصيل RTL (✓ / جزئي / حسب المطوّر). ### القسم 10 — دراسة حالة سيرو «قبل أن نبيعه لغيرنا، شغّلنا به شركتنا»: قصة قصيرة (3 فقرات) + لقطة، وأرقام تشغيل حقيقية تُستكمل من فريقنا (اترك عناصر نائبة {X رحلة}، {Y سائق}، {Z مدينة} — لا تخترعها). اقتباس شخصي من المؤسس بصيغة شهادة. ### القسم 11 — شريط الأمان والامتثال (خلفية داكنة، شارات) «الدفع عبر شركاء معتمدين PCI DSS (Paymob وغيرها) — بيانات البطاقات لا تمر بخوادمنا» · «3-D Secure» · «تشفير TLS كامل» · «نسخ احتياطي يومي» · «اتفاقية معالجة بيانات واضحة». شارات رمادية أحادية اللون، صف واحد. ### القسم 12 — الأسئلة الصريحة (أكورديون، 6 أسئلة) 1. **من يملك بيانات الركاب والسائقين؟** أنت. تصدّرها كاملة في أي وقت، والعقد يلزمنا بفترة انتقال 60 يوماً إن قررت المغادرة. 2. **ماذا لو أفلستم أو أغلقتم؟** باقة «سيادة» تعمل من خوادم داخل بلدك، ولكل الباقات ضمان تصدير + escrow اختياري للكود. 3. **كم النسبة بالضبط؟** مكتوبة في صفحة التسعير: 5% (انطلاقة) · 2.5% (علامة) · 2% (أسطول+) · 1% (سيادة) — تنازلية مع نمو GMV. 4. **هل أحتاج فريقاً تقنياً؟** لا. النشر والتحديثات والمتاجر علينا. أنت تدير التشغيل من لوحة عربية. 5. **عندي تطبيق قديم وسائقون نشطون — هل أخسرهم؟** لا: نرحّل السائقين والأرصدة والسجلات بلا يوم توقف. 6. **هل يدعم الدفع كاش؟** نعم، الكاش افتراضي أساسي، والمحافظ والبطاقات إضافات حسب بلدك (Paymob في مصر، وبوابات محلية أخرى). ### القسم 13 — CTA الختامي + الفوتر - خلفية `midnight-900` بخريطة ساكنة خافتة. **H2:** AR: «مدينتك تنتظر تطبيقها. ابدأ اليوم.» / EN: "Your city is waiting for its app. Start today." / FR: « Votre ville attend son application. Commencez aujourd'hui. » / ES: «Tu ciudad espera su aplicación. Empieza hoy.» - زران: «جرّب الديمو الحي» + «واتساب». - الفوتر: أعمدة (المنتج · الحلول · الموارد · الشركة · القانوني) + مبدّل اللغة + أيقونات تواصل + سطر حقوق. - **زر واتساب عائم** أسفل يسار الشاشة (يمينها في LTR) في كل الصفحات — بحجم لا يغطي المحتوى على الموبايل. --- ## 9. صفحة التسعير — المواصفة الكاملة (الأرقام نهائية، لا تُعدَّل) ### 9.1 البطاقات الأربع | | **إطلاق** | **نمو** ★ الأكثر اختياراً | **سيادة** | |---|---|---|---| | الإعداد | **$4,900** | **$8,500** | **$13,500+** | | شهرياً | **$349** | **$599** | **$879** | | نسبة GMV | 2.5% | 2% | 1% | | حد أدنى/رحلة | $0.04 | $0.03 | $0.02 | | الجوهر | تطبيقك الكامل على المتجرين — مدينة واحدة فقط. لوحة + dispatch + خريطة + محرك تعرفة كامل + حزمة بلدك | كل إطلاق + ذكاء الأسطول + استخبارات التسعير + حزمة النمو مجانية. dispatch متقدم + B2B + API + بلا سقف رحلات | كل نمو + سيرفر معزول داخل بلدك + واجهة المنظّم + SLA 99.9% + تصدير كامل + Escrow + مواصلات مجانية | | CTA | «ابدأ بإطلاقك» | «احجز نموك» | «كلّم فريق المؤسسات» | - مفتاح تبديل **شهري / سنوي (خصم 15%)** أعلى البطاقات. - بطاقة «علامة» مميزة بشارة `signal-400` ومرفوعة بصرياً. - تحت البطاقات: **شرائح النسبة التنازلية** (رسم بسيط): حتى $50k → 2.5% · $50–200k → 2% · فوق $200k → 1.5% (باقة علامة) — «كلما كبرت، صغرت نسبتنا». ### 9.2 صندوق «عقدنا عكس السوق» (إطار بارز داخل الصفحة) ثلاثة تعهدات مكتوبة: ① النسبة معلنة ومثبتة في العقد ② تصدير بياناتك كاملة في أي وقت ③ إن غادرت: فترة انتقال 60 يوماً بدل القطع الفوري. ### 9.3 شريط «الشريك المؤسِّس» «أول 3 مشغّلين: إعداد مجاني مقابل نقطة مئوية إضافية لسنة + دراسة حالة باسمك» — عدّاد مقاعد متبقية (3/2/1). ### 9.4 الدفع - زر «احجز إطلاقك» يقود لصفحة checkout بسيطة: ملخص الباقة → الدفع عبر **Paymob** (بطاقات، محافظ مصرية، تقسيط حيث يتاح) أو تحويل بنكي للمبالغ الكبيرة. - شارات PCI DSS + 3DS بجانب زر الدفع. لا نجمع بيانات بطاقة في نماذجنا إطلاقاً — إعادة توجيه/iframe لبوابة الدفع. - حاسبة التوفير (نفس مكوّن §8-القسم 6) مضمّنة أسفل الصفحة. ### 9.5 أسئلة تسعير خاصة (أكورديون) تشمل: «ماذا يحدث بعد سقف انطلاقة؟» (ترقية لعلامة ويُخصم ما دفعت) · «هل الترقية تخسرني شيئاً؟» (لا — كل ترقية تخصم إعداد الباقة السابقة) · «بأي عملة أدفع؟» (USD مرجعية، والتحصيل المحلي عبر Paymob بعملتك حيث يتاح). --- ## 10. تعدد اللغات وRTL — قواعد إلزامية 1. العربية هي اللغة **الافتراضية** والتصميم الأم يبدأ RTL ثم يُشتق LTR — لا العكس. 2. انعكاس كامل في RTL: اتجاه الشبكة، الأسهم، مواضع الأيقونات داخل الأزرار، اتجاه الخطوط الزمنية وشرائح الـ slider، ومواضع الهواتف في الـ hero. **ما لا ينعكس:** الأرقام، الشعارات اللاتينية، لقطات الخرائط، رموز العملات. 3. لقطات الشاشة تتبدل مع اللغة: النسخة العربية تعرض لقطات RTL عربية، والإنجليزية/الفرنسية/الإسبانية لقطات LTR. 4. URLs: `/{lang}/path` + وسوم `hreflang` متبادلة + `dir="rtl" lang="ar"` على مستوى الجذر. 5. الطول المتغير للنصوص: الفرنسية أطول بـ ~20% من الإنجليزية — الأزرار والبطاقات تصمَّم بمرونة عرضية، ممنوع قصّ النص أو تصغير الخط تلقائياً تحت 14px. 6. مبدّل اللغة يعرض أسماء اللغات بلسانها ويحفظ الاختيار. --- ## 11. الأداء والإتاحة وSEO (ميزانيات ملزمة) - **Core Web Vitals:** LCP < 2.5s (موبايل 4G) · INP < 200ms · CLS < 0.1. خريطة الـ hero المتحركة lazy بعد الرسم الأول، وزن الصفحة الرئيسية < 1.5MB أول تحميل. - **إتاحة WCAG AA:** تباين نصوص كامل، تنقّل لوحة مفاتيح لكل التفاعلات (تبويبات، أكورديون، حاسبة)، `focus-visible` واضح بلون `brand-500`، alt نصي لكل لقطات المنتج، الحاسبة تعلن نتائجها لقارئ الشاشة (`aria-live`). - **SEO:** عناوين H1 فريدة لكل صفحة/لغة، schema.org (`SoftwareApplication` + `FAQPage` + `Offer` للأسعار)، OG images لكل لغة، والكلمات المفتاحية العربية المستهدفة: «تطبيق تكسي بعلامتك التجارية» · «نظام إدارة أسطول تكسي» · «بديل أوبر لشركتي». - التنفيذ المستهدف (للعلم): موقع ثابت Next.js/Astro، الحاسبة JS بحت بلا خادم. --- ## 12. المخرجات المطلوبة منك (Deliverables) 1. **نظام التصميم:** صفحة tokens (ألوان، خطوط، مسافات، ظلال، زوايا) + مكتبة مكونات (أزرار بحالاتها، بطاقات، تبويبات، أكورديون، حقول، جداول، شارات) — بوضعي light/dark. 2. **الصفحة الرئيسية كاملة:** desktop 1440 + mobile 390، بنسختين **عربية RTL وإنجليزية LTR** (الفرنسية/الإسبانية تتبعان الإنجليزية بنياً). 3. **صفحة التسعير كاملة:** desktop + mobile، عربية + إنجليزية. 4. **صفحة داخلية واحدة نموذجاً:** «كيف نطلق» (الخط الزمني + جدول المتطلبات الفنية). 5. **ستوري بورد الحركة:** وصف/إطارات لكل حركات §6 (يكفي وصف دقيق بالمدد والمنحنيات إن تعذّر التحريك). 6. **3 اتجاهات شعار** Tripz مع تطبيقها على الترويسة والفافيكون وشاشة OG. **معايير القبول:** التزام حرفي بالأرقام والأسعار والنصوص المعتمدة أعلاه · RTL أصيل لا mirror آلي مكسور · تباين AA · بطاقة «علامة» هي البؤرة البصرية في التسعير · حضور واتساب دائم · لا صور ستوك عامة ولا عملاء وهميين. # PROMPT END --- ## ملحق داخلي (لا يُرسل لـ Gemini): ما بُدّل عن بحث المالك ولماذا | بند البحث (نموذج Onde) | قرارنا في البرومت | السبب | |------------------------|-------------------|-------| | باقات Onde ($4,500/$8,500/$23,000 + تثبيتات مدفوعة) | باقاتنا الأربع من docs/05 كما هي | الأسعار محسومة سابقاً، وموقعنا التنافسي هو *عكس* نموذج Onde لا نسخه | | إطلاق خلال أسبوعين | 30 يوماً | وعد docs/12 المحفوظ — قابل للوفاء، والصدق أهم من السباق | | Google PPC + LinkedIn كقنوات أساسية | الموقع مُصمَّم لقمع واتساب + ديمو حي + محتوى عربي | قرار docs/12: بلا ميزانية إعلانات في المرحلة الأولى | | حاسبة أرباح عامة | حاسبة توفير بمعادلة docs/05 الفعلية وعملات أسواقنا | أداة البيع الصامت الأساسية — أرقام حقيقية لا تقديرية | | تجربة 14 يوماً مجانية | ديمو حي فوري + باقة انطلاقة $0 | نموذجنا أقوى من trial: الدخول مجاني فعلاً حتى 10k رحلة |