Mealify

نوع العمل

تصميم وتطوير Landing Page لمطعم بواجهة مستخدم حديثة ومتجاوبة، مناسبة لعرض المطاعم والخدمات الغذائية بشكل احترافي وجذاب، مع دعم الوضع الليلي وتجربة استخدام سلسة على جميع الأجهزة.

ميزات المشروع

• تصميم Responsive بالكامل (موبايل – تابلت – ديسكتوب)

• Dark / Light Mode مع حفظ تجربة مستخدم مريحة

• قائمة تنقل ذكية:

• تمييز الرابط النشط حسب القسم أثناء التمرير

• Smooth Scrolling بين الأقسام

• قائمة جانبية للموبايل مع Overlay وتأثير Blur

• كروت الشيفات بتأثيرات Hover وأنيميشن باستخدام SVG

• معرض صور (Gallery) بتأثيرات Hover وعناوين توضيحية

• قسم تواصل يحتوي على خريطة Google Maps مدمجة

• استخدام أيقونات واضحة وسهلة الوصول (Font Awesome)

طريقة التنفيذ

• تم تنفيذ المشروع باستخدام:

• HTML5 لبناء الهيكل

• CSS3 للتصميم، الأنيميشن، والتحكم في الثيم باستخدام CSS Variables

• JavaScript (Vanilla) لإضافة التفاعلات (الوضع الليلي، القائمة الجانبية، Scroll Spy)

• خطوط Google Fonts وأيقونات Font Awesome

• بدون أي Frameworks لضمان أداء سريع وكود نظيف وسهل التعديل

المشروع جاهز للتخصيص لأي مطعم أو نشاط تجاري مشابه، مع إمكانية إضافة أقسام أو تعديل التصميم حسب احتياج العميل.