Web Apps
Divine & Delight | ديفاين آند ديلايت
منصة تحضير الوجبات الفاخرة وخدمات الضيافة الحصرية للمناسبات
نظرة عامة
منصة ديفاين آند ديلايت (Divine & Delight / Mrs. Jay) هي منصة رقمية فاخرة لتجهيز الوجبات الراقية وخدمات الضيافة الحصرية للمناسبات وحفلات الزفاف والشركات في الولايات المتحدة. تم بناؤها بأحدث تقنيات الويب: Next.js 16 و React 19 و Turbopack و Tailwind CSS v4. تتضمن الميزات الأساسية: 1. **تصميم جمالي فاخر وثنائي الأنماط:** مظهر ملكي يجمع بين الأسود الفاخر (Obsidian) والأبيض العاجي (Ivory) مع لمسات ذهبية براقة (#DCA548) ومستويات قراءة متوافقة مع معايير WCAG AA. 2. **معالج حجز متكامل من 6 خطوات (/book):** مسار حجز تفاعلي وسلس يجمع نوع المناسبة، عدد الضيوف، تفاصيل المكان، اختيار الباقات، وبيانات التواصل مع تحقق فوري من صحة المدخلات. 3. **نظام تقييمات مباشر عبر Google Sheets:** ربط سحابي فوري عبر Google Apps Script API لعرض وإضافة تقييمات العملاء وحساب المتوسطات دون الحاجة لقاعدة بيانات تقليدية معقدة. 4. **قوائم مأكولات وحلويات تفاعلية قابلة للتصفية:** عرض تفصيلي للأطباق مع شارات الأنظمة الغذائية (خالي من الجلوتين، نباتي) وتفاصيل النكهات. 5. **معرض فعاليات متجاوب (Gallery):** شبكة صور Masonry متقدمة مع نافذة تكبير (Lightbox) تفاعلية وسريعة. 6. **سرعة قياسية وأداء فائق:** استخدام Turbopack للبناء الفوري وأحدث معايير React 19 لتحقيق أسرع تجربة مستخدم ممكنة.
أبرز المزايا
بُني باستخدام
لمحة عن البنية التقنية
معمارية Next.js 16 و Turbopack
مكونات خادم Next.js 16 مع حزم Turbopack لتحقيق أقصى سرعة بناء وتوليد صفحات ثابتة.
أحدث إصدارات React 19 و Tailwind CSS v4
محرك متغيرات CSS عصري بدون استهلاك وقت تشغيل وخطوط أنيقة عالية التباين.
ربط بدون خادم مع Google Sheets
طبقة بيانات سحابية خفيفة واقتصادية لجلب وإرسال المراجعات والتقييمات فورياً.
محرك إدارة خطوات الحجز المتعددة
محرك تفاعلي يدير 6 مراحل لحجز الفعاليات وتحديد سعة الضيوف وعرض ملخص فوري.
التحدي
تعتمد شركات الضيافة الفاخرة عادةً على مكالمات هاتفية متكررة لجمع تفاصيل المناسبات المعقدة (أعداد الضيوف، خيارات القائمة، الحساسيات الغذائية، ومواصفات القاعة)، مما يتسبب في إهدار الوقت وفقدان العملاء المحتملين.
النهج المتبع
قمت بهندسة تجربة رقمية فاخرة باستخدام Next.js 16 و React 19 تضم معالج حجز من 6 خطوات يجمع كل متطلبات المناسبة بدقة، مع نظام تقييمات بدون خادم مرتبط بـ Google Sheets.
النتائج
تقديم منصة مرموقة تؤتمت تأهيل استفسارات الفعاليات، وتختصر وقت تقديم عروض الأسعار، وتبني ثقة عالية لدى العملاء من خلال التقييمات المعتمدة.
معرض الصور
