Complete Responsive Restaurant & Food Website

تصميم وتطوير واجهة مستخدم (Front-End) احترافية لموقع إلكتروني مخصص للمطاعم، تم بناؤه لضمان تجربة مستخدم سلسة وجذابة.

قمت بتصميم وتطوير واجهة مستخدم كاملة ومستجيبة (Responsive UI)

تم بناء الموقع باستخدام تقنيات الويب الأساسية لضمان أداء سريع وتجربة مستخدم سلسة على جميع الشاشات والأجهزة.

أبرز الأقسام والميزات المضمنة في الموقع:الرئيسية (Home): تحتوي على شريط تصفح سلس (Navbar) ومعرض صور متحرك وجذاب يعرض الوجبات المتميزة باستخدام مكتبة Swiper.

من نحن (About): قسم تعريفي بالمطعم، الشيفات الخبراء، وجودة الطعام المقدم.

الوجبات الشائعة والمعرض (Popular Dishes & Gallery): ميزة استعراض الأطباق مع نافذة منبثقة (Preview) لعرض تفاصيل الوجبة وتقييمها، بالإضافة إلى معرض صور متكامل مدعوم بمكتبة LightGallery لقصص وأجواء المطعم.

قائمة الطعام المنسقة (Menu): مصنفة بمرونة لتشمل وجبات الإفطار، الغداء، المشروبات، والحلويات.

نموذج الطلب السريع (Order Form): نموذج متكامل يتيح للمستخدم إدخال بياناته، تفاصيل الوجبة، وتحديد موقعه بدقة عبر خريطة جوجل التفاعلية المدمجة.

المدونة والتواصل (Blogs & Contact): قسم لأحدث المقالات والأخبار، بالإضافة إلى تذييل (Footer) يحتوي على ساعات العمل، أرقام التواصل، الموقع الجغرافي، وروابط منصات التواصل الاجتماعي.

التقنيات المستخدمة:HTML5 لإعادة بناء الهيكلية بشكل منظم ومتوافق مع محركات البحث.

CSS3 مخصص مع تصميم مستجيب تماماً (Custom Responsive CSS).

JavaScript لإضافة الحيوية والتحكم في العناصر.

المكتبات الخارجية: Swiper.js (للتنقل المتحرك)، LightGallery.js (لعرض الصور)، و Font Awesome (للأيقونات الاحترافية).