موقع احترافي لمخبز وحلويات فرنسي فاخر (Maison Dorée) باستخدام Vue 3 وTailwind CSS v4، في صورة تطبيق ويب متكامل (Single Page Application)، مع تصميم عصري وحركات انتقالية احترافية باستخدام GSAP لتقديم تجربة استخدام سلسة وجذابة.
يغطي المشروع رحلة العميل بالكامل بدايةً من استعراض المنتجات وحتى إتمام الطلب، ويضم أكثر من 20 صفحة متنوعة.
أبرز المميزات
عرض أكثر من 8 فئات من المنتجات، تشمل الخبز الحرفي، الكعك، المعجنات، الماكرون، الكوكيز، المافن، التارت وغيرها، مع صور لكل منتج، والمعلومات الغذائية، ومسببات الحساسية، والأسعار.
سلة مشتريات تفاعلية وقائمة مفضلة مع إدارة حالة التطبيق بشكل ديناميكي.
نظام إتمام الطلب (Checkout) مع صفحة تأكيد نجاح عملية الشراء.
صفحة رئيسية غنية بالعناصر التفاعلية، تشمل قسم Hero مع تأثيرات Parallax، عدادات متحركة، شريط عروض متحرك، قسم العروض اليومية، آراء العملاء، ومعرض بأسلوب Instagram.
صفحات متكاملة مثل المدونة، الوصفات، فريق الخبازين، المعرض، الأسئلة الشائعة، فروع المخبز، الوظائف، الكعكات المخصصة، ومعلومات التوصيل.
مجموعة واسعة من تأثيرات GSAP، مثل الأنيميشن عند التمرير، تأثيرات Parallax، تحريك العناصر تدريجيًا، تأثيرات الأزرار التفاعلية، والعدادات المتحركة.
تصميم متجاوب بالكامل يعمل بكفاءة على الهواتف والأجهزة اللوحية وأجهزة الكمبيوتر.