موقع Gambary لحجز مطعم الSeafood

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

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

◈Next.js → لبناء واجهة متطورة، سريعة، ومتجاوبة مع جميع الأجهزة.

◈Tailwind CSS → لتصميم واجهة أنيقة، مرنة، وقابلة للتخصيص بسهولة.

◈React Icons → لإضافة أيقونات تفاعلية حديثة.

◈Google Maps Embed → لعرض مواقع الفروع.

◈Next Image Optimization → لضغط الصور وتحميل أسرع.

القصة وراء البناء:

بدأت الفكرة من شغف بتقديم تجربة مختلفة لعشاق الجمبرى والمأكولات البحرية. كنت عايز الموقع مايبقاش مجرد صفحة عادية للطلبات، لكن رحلة حسية وبصرية؛ تبدأ من الصور عالية الجودة، مرورًا بعرض المينيو بطريقة جذابة، لحد التواصل السريع والحجز أونلاين.

في البداية، ركزت على بناء الأساس بالـ Next.js علشان الأداء والـ SEO يكونوا ممتازين. بعد كده أضفت تصميم بستايل بحري وألوان مستوحاة من البحر (الأزرق، الأبيض، والبرتقالي الدافئ).

تدريجيًا، بدأت أضيف أقسام مهمة زي:

◈Menu Section لعرض الأطباق بشكل ديناميكي.

◈Testimonials لعرض آراء العملاء.

◈Contact & Reservation علشان يسهل على الزوار التواصل.

◈Interactive Map لمواقع الفروع.

الرحلة دي علمتني إزاي أوظف كل تقنية في مكانها المناسب: الجماليات من Tailwind، الأداء من Next.js، والتفاعل من React. وفي الآخر، الموقع مش بس بيبيع الجمبرى… هو بيحكي قصة البحر نفسه للزائر. ?