Restaurant Reservation Page

نوع العمل:

الموقع مخصص للمطاعم الفاخرة ويتيح للعملاء إمكانية حجز الطاولات في مطعم "Lumière Dining". يشتمل الموقع على صفحات ترويجية عن المطعم وخدماته، مع إمكانية إجراء حجز مباشر عبر نموذج حجز.

الميزات:

الواجهة التفاعلية: تحتوي الصفحة الرئيسية على قسم "Hero" الذي يعرض دعوة للحجز، بالإضافة إلى نص يبرز تجربة تناول الطعام الفاخرة.

المحتوى الترويجي: يشمل الموقع معلومات حول تاريخ المطعم وفلسفته "من المزرعة إلى المائدة"، ويعرض المكونات الطازجة والمحلية.

قائمة الطعام: يقدم الموقع قائمة طعام مميزة مع تفاصيل الأطباق مثل الـ Truffle Risotto وA5 Wagyu.

نموذج الحجز: يوجد نموذج حجز طاولة يمكن للمستخدمين ملؤه لتحديد التاريخ والوقت وعدد الضيوف. يتم عرض النموذج عند الضغط على زر "Make a reservation".

التصميم المتجاوب: تم تصميم الموقع ليكون متوافقًا مع الأجهزة المختلفة، سواء كانت أجهزة سطح المكتب أو الهواتف المحمولة.

الطريقة:

"الصفحة الرئيسية" (HTML): تم استخدام HTML لتنظيم هيكل الموقع، بدءًا من العنوان والشعار في الأعلى، وصولاً إلى الأقسام المختلفة مثل عن المطعم والفلسفة، قائمة الطعام، ونموذج الحجز.

"التصميم"(CSS): تم استخدام CSS لتنسيق الصفحة وإضفاء طابع فخم عليها، بما في ذلك ألوان مميزة مثل اللون الذهبي والرمادي الفاتح. تم تصميم أنماط متجاوبة لتناسب مختلف أحجام الشاشات.

"التفاعل مع المستخدم" (JavaScript): يتم استخدام JavaScript لإظهار وإخفاء نموذج الحجز بناءً على تفاعل المستخدم مع الأزرار. عند تقديم النموذج، يتم عرض رسالة شكر للمستخدم.