متجر برجر

? وصف عام للمشروع:

مشروع "برجر ماستر" هو موقع ويب تفاعلي خاص بمطعم يقدم وجبات البرجر، يهدف إلى عرض معلومات عن المطعم، تسهيل الطلبات أونلاين، والتواصل مع الزبائن. يتميّز بتصميم عصري، يدعم الوضعين الليلي والنهاري، والتبديل بين اللغتين (العربية والإنجليزية).

? أجزاء الموقع:

1. الترويسة (Header) والتنقل (Navigation):

يحتوي على قائمة تنقل ثابتة في أعلى الصفحة تُمكن المستخدم من التوجه إلى:

الرئيسية (Home)

من نحن (About)

الطلب الآن (Order)

اتصل بنا (Contact)

يدعم التأثيرات البصرية عند التحويم وتحريك الصفحة.

2. محوّل اللغة (Language Switcher):

قائمة منسدلة للتبديل بين اللغتين: العربية والإنجليزية.

يقوم بتغيير اتجاه الصفحة (rtl / ltr) والمحتوى تلقائيًا عند تغيير اللغة.

الترجمة تتم عبر كائن translations في ملف script.js.

3. الوضع الليلي/النهاري (Theme Toggle):

زر موجود أسفل الصفحة لتبديل التصميم بين الوضعين الليلي والنهاري.

يتم حفظ الحالة تلقائيًا إلى حين التبديل مرة أخرى.

4. الأقسام (Sections):

الرئيسية (Home):

تحتوي على ترحيب وصورة للبرجر.

نص تسويقي جذاب يعرف بالمطعم.

? من نحن (About):

عرض معلومات عن فلسفة المطعم ورؤيته.

يضم فقرتين وصورة للمأكولات الجاهزة.

الطلب (Order):

يحتوي على نموذج لجمع بيانات المستخدم:

الاسم

رقم الهاتف

العنوان

تفاصيل الطلب

ملاحظات إضافية

يتم إرسال البيانات إلى Google Sheets باستخدام Google Apps Script.

يحتوي على رسالة تأكيد عند النجاح أو الخطأ.

اتصل بنا (Contact):

فقرتين ترحيبيتين للتواصل.

معلومات التواصل: هاتف، بريد إلكتروني، عنوان.

نموذج مراسلة يحتوي على:

الاسم

البريد الإلكتروني

الرسالة

5. التذييل (Footer):

معلومات التواصل (عنوان، بريد، أرقام هاتف).

روابط التواصل الاجتماعي.

روابط سريعة للتنقل.

الواجهة والتصميم (CSS):

يعتمد على المتغيرات (--primary-color, --dark-color, --light-color) لتوحيد الألوان.

تصميم متجاوب مع الهواتف (Responsive).

أنيميشن سلس عند التنقل والتمرير (fadeIn, downScroll).

استخدام ظلال وزوايا دائرية لإعطاء شعور عصري.

استخدام خطوط احترافية (Segoe UI).

️ البرمجة (JavaScript):

التحكم في تغيير اللغة.

التأثير عند التمرير لتفعيل الأقسام.

تفعيل الوضع الليلي والنهاري.

التنقل السلس بين الأقسام.

إرسال الطلبات باستخدام fetch إلى Google Sheets.

تحكم في حالة زر الإرسال (إظهار رسالة انتظار، وتعطيل الزر مؤقتًا).

مميزات إضافية:

واجهة مريحة وسهلة الاستخدام.

يدعم التفاعل مع المستخدم (Forms, Alerts).

إعداد سهل للربط مع Google Sheets دون خادم خلفي (backend).

مناسب للاستخدام التجاري كموقع لعرض خدمات مطعم.