واجهة مشروع مُناجَزَة (Munajaza Frontend) مبنية باستخدام Next.js 15 (App Router) و React 19 مع Tailwind CSS، ومصممة بالكامل لتدعم اللغة العربية واتجاه اليمين لليسار (RTL) بخط Cairo.
المكونات والأقسام الرئيسية في الفرونت إند:
الصفحة الرئيسية (Landing Page):
القسم الرئيسي (Hero): عنوان تعريفي بالخدمات المالية واللوجستية، زر بدء الاستخدام، إحصائيات سريعة (تقييمات، تجار، شحنات)، ورسم توضيحي لعمليات التوصيل.
الخدمات الأساسية: ثلاث بطاقات تعرض خدمات إدارة التمويل، الشحن والخدمات اللوجستية، وتتبع المخزون.
شركاء المنصة (Trusted By): شريط يعرض أسماء المتاجر والمنصات المتكاملة (مثل سلة ونون والمتجر).
لماذا مناجزة: قائمة بالميزات الأساسية مثل سرعة التوصيل والتقارير المالية الدقيقة.
حاسبة التكلفة: أداة تفاعلية بسيطة لحساب سعر الشحن التقديري بناءً على نوع المنتج ووزنه بالكيلوجرام.
عن المنصة وآراء العملاء: نبذة عن فريق العمل وبطاقة مراجعات تفاعلية مع تقييم النجوم والتنقل بين آراء التجار.
الأسئلة الشائعة وتذييل الصفحة: قائمة أسئلة تفاعلية (Accordion) وروابط التواصل والخدمات.
لوحة التحكم (Dashboard):
جدول طلبات الدفع عند الاستلام (COD Orders): عرض الطلبات مع فحص درجات المخاطر لكل مشتري وحالة التأكيد عبر واتساب.
معالجة الشحنات المتعثرة (NDR): إدارة الطرود التي تعثر تسليمها مع إمكانية إعادة الجدولة أو تعديل العنوان أو طلب الإرجاع.
المطابقة المالية: متابعة تحصيلات شركات الشحن ومطابقة المبالغ المحولة.
محاكي واتساب (Simulator):
واجهة تجريبية تفاعلية تحاكي رسائل تأكيد الطلبات وتحديد الموقع الجغرافي مع المشتري قبل خروج الشحنة.