Le Prince Egyptien: Construction Company Website

وقع تعريفي باللغة الفرنسية لشركة مغربية متخصصة في البناء والهندسة المدنية، تم تطويره باستخدام Next.js ونشره على Vercel. يعرض الموقع خبرات الشركة في البناء الجديد والترميم والهندسة المدنية، ومصمم لتحويل الزوار إلى طلبات عروض أسعار، من خلال أزرار دعوة واضحة للتواصل ورابط مباشر عبر واتساب.

تشمل الصفحات الرئيسية قسمًا رئيسيًا يعرض أرقام الشركة (أكثر من 20 سنة من الخبرة، وأكثر من 350 مشروعًا، وأكثر من 120 موظفًا، وشهادة ISO 9001)، وقسم "من نحن"، وصفحات الخدمات، وقسمًا للأسعار الخاصة بأكثر الخدمات طلبًا، ومنهجية العمل في أربع مراحل (الدراسة، التخطيط، البناء، التسليم)، بالإضافة إلى الأخبار والوظائف وصفحة التواصل.

العنصر الأبرز هو معرض المشاريع التفاعلي، وفيه معرض قابل للتصفية يحدّث رابط الصفحة، وبحث نصي بالفرنسية، وصفحات تفصيلية لكل مشروع. تتضمن كل صفحة:

صورة رئيسية بتأثير بارالاكس وإحصائيات متحركة

معرض صور بملء الشاشة يدعم لوحة المفاتيح والسحب باللمس

شريط مقارنة "قبل وبعد"

خريطة تفاعلية لموقع المشروع وجدولًا زمنيًا متحركًا

عرضًا للتحديات والحلول

مشاريع مشابهة

كما توجد لوحة تحكم إدارية مبنية على Supabase تتيح للفريق إنشاء المشاريع وإدارتها ورفع الوسائط والتحكم فيما يظهر للعامة، مثل إخفاء هوية العملاء السريين أو الميزانيات. وقد رُوعيت في الموقع معايير تحسين محركات البحث (SEO) وإمكانية الوصول (التنقل بلوحة المفاتيح ودعم تقليل الحركة) والأداء (التحميل الكسول وصور المعاينة الضبابية).

التقنيات: Next.js، Supabase (قاعدة البيانات والتخزين والمصادقة)، Tailwind CSS، Framer Motion، Mapbox/Leaflet، Vercel