موقع لمطعم البهاء

وصف المشروع:

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

الموقع يتكون من عدة أقسام رئيسية، وهي:

واجهة ترحيبية (Hero Section) بتأثير Scroll Animations مع شعار المطعم وعبارة جذابة.

قسم عن المطعم يشرح باختصار قصة المطعم وخلفيته.

قائمة الطعام (Menu) مصممة بشكل منظم وواضح، ومقسّمة حسب الفئات (المقبلات، الأطباق الرئيسية، الحلويات، المشروبات).

قسم المعرض (Gallery) لعرض صور الأطباق والمكان.

قسم ساعات العمل والموقع مع أيقونات وتصميم بسيط.

نموذج تواصل (Contact Form UI فقط) بدون وظائف خلفية.

تصميم متجاوب (Responsive) يدعم جميع الشاشات (هواتف، تابلت، شاشات كبيرة).

استخدام حركات سلسة (CSS Animations و Scroll Effects) لتحسين تجربة التنقل وجعل الموقع أكثر تفاعلية.

️ التقنيات المستخدمة:

HTML5: لبناء هيكل صفحات الموقع.

CSS3 + Flexbox/Grid: لتنسيق وتوزيع المحتوى بأسلوب مرن ومتجاوب.

JavaScript Vanilla: لإضافة بعض التفاعلات والأنيميشن عند التمرير.

AOS.js (Animate on Scroll): لإضافة حركات عند الظهور على الشاشة.

Google Fonts: لاستخدام خطوط عربية وأجنبية مميزة.

Responsive Design: باستخدام Media Queries.