مشروع قهوة الأصالة (موقع الكتروني)

مشروع قهوة الأصالة قهوة الأصالة (Al-Asala Coffee) هو موقع ويب متكامل لمقهى تم بناؤه باستخدام Next.js 16 مع TypeScript وقاعدة بيانات Prisma ORM مع SQLite. يضم المشروع ثلاث صفحات رئيسية: الصفحة الرئيسية التي تحتوي على قسم Hero جذاب، وقسم "عن المقهى" مع ثلاث بطاقات للمميزات، وقائمة المنتجات التي تضم 15 صنف موزعة على ثلاث فئات (القهوة والشاي والمخبوزات)، وقسم التقييمات، ونموذج حجز طاولة متكامل، وقسم التواصل. أما الصفحة الثانية فهي صفحة الهوية البصرية التي تعرض الشعار الرسمي ولوحة الألوان (القهوة الداكن #2C1810، والقهوة المتوسط #8B5A3C، والذهبي #D4A574، والكريمي #F5EDE0) والخطوط المستخدمة وتطبيقات الهوية. الصفحة الثالثة هي لوحة تحكم للمدير تتضمن نظام تسجيل دخول آمن (البريد: [email protected]، كلمة المرور: admin123)، وإحصائيات سريعة، وجدول لإدارة الحجوزات، وقسم لرسائل التواصل. يتميز المشروع بوجود 15 صورة فريدة لكل منتج: ففي فئة القهوة يوجد إسبريسو (12 ر.س)، أمريكانو (15 ر.س)، كابتشينو (18 ر.س)، لاتيه (20 ر.س)، موكا (22 ر.س)، وكاراميل ماكياتو (24 ر.س). وفي فئة الشاي يوجد شاي أخضر (10 ر.س)، شاي بالنعناع (12 ر.س)، شاي بالحليب (15 ر.س)، وتشاي لاتيه (18 ر.س). وفي فئة المخبوزات يوجد كرواسون زبدة (15 ر.س)، كرواسون شوكولاتة (18 ر.س)، مافن شوكولاتة (16 ر.س)، تشيز كيك (25 ر.س)، وبراونيز (20 ر.س). كما يحتوي المشروع على الهوية البصرية الكاملة التي تشمل الشعار، وكوب القهوة، وتصميم قائمة الطعام، وبوست انستقرام. يعتمد المشروع على مجموعة من APIs تشمل: /api/menu لجلب القائمة، /api/reviews لجلب التقييمات، /api/reservations لإنشاء الحجوزات، /api/contact لإرسال رسائل التواصل، بالإضافة إلى APIs خاصة بلوحة التحكم لتسجيل الدخول والخروج وإدارة الحجوزات والرسائل. تم استخدام مكتبة shadcn/ui للتصميم مع Tailwind CSS 4، وأيقونات Lucide React، وخط Cairo للنصوص العربية.