تفاصيل العمل

واجهة مشروع مُناجَزَة (Munajaza Frontend) مبنية باستخدام Next.js 15 (App Router) و React 19 مع Tailwind CSS، ومصممة بالكامل لتدعم اللغة العربية واتجاه اليمين لليسار (RTL) بخط Cairo.

المكونات والأقسام الرئيسية في الفرونت إند:

الصفحة الرئيسية (Landing Page):

القسم الرئيسي (Hero): عنوان تعريفي بالخدمات المالية واللوجستية، زر بدء الاستخدام، إحصائيات سريعة (تقييمات، تجار، شحنات)، ورسم توضيحي لعمليات التوصيل.

الخدمات الأساسية: ثلاث بطاقات تعرض خدمات إدارة التمويل، الشحن والخدمات اللوجستية، وتتبع المخزون.

شركاء المنصة (Trusted By): شريط يعرض أسماء المتاجر والمنصات المتكاملة (مثل سلة ونون والمتجر).

لماذا مناجزة: قائمة بالميزات الأساسية مثل سرعة التوصيل والتقارير المالية الدقيقة.

حاسبة التكلفة: أداة تفاعلية بسيطة لحساب سعر الشحن التقديري بناءً على نوع المنتج ووزنه بالكيلوجرام.

عن المنصة وآراء العملاء: نبذة عن فريق العمل وبطاقة مراجعات تفاعلية مع تقييم النجوم والتنقل بين آراء التجار.

الأسئلة الشائعة وتذييل الصفحة: قائمة أسئلة تفاعلية (Accordion) وروابط التواصل والخدمات.

لوحة التحكم (Dashboard):

جدول طلبات الدفع عند الاستلام (COD Orders): عرض الطلبات مع فحص درجات المخاطر لكل مشتري وحالة التأكيد عبر واتساب.

معالجة الشحنات المتعثرة (NDR): إدارة الطرود التي تعثر تسليمها مع إمكانية إعادة الجدولة أو تعديل العنوان أو طلب الإرجاع.

المطابقة المالية: متابعة تحصيلات شركات الشحن ومطابقة المبالغ المحولة.

محاكي واتساب (Simulator):

واجهة تجريبية تفاعلية تحاكي رسائل تأكيد الطلبات وتحديد الموقع الجغرافي مع المشتري قبل خروج الشحنة.

بطاقة العمل