واجهة متجر إلكتروني تفاعلية لعرض وبيع العطور، مصممة بأسلوب فاخر وحديث، وتعمل كصفحة هبوط رئيسية مع أقسام للمنتجات والمجموعات وسلة المشتريات.
**أهم الميزات**
- شاشة تحميل افتتاحية متحركة.
- واجهة Hero تحتوي على فيديوهات عرض للعطور وتبديل تلقائي بين المنتجات.
- عرض المنتجات مع الصور والأسعار والتقييمات والأحجام.
- تصفية المنتجات حسب نوع العطر.
- إضافة المنتجات إلى السلة وتعديل الكمية.
- قائمة أمنيات لحفظ المنتجات.
- صفحات تفصيلية لكل منتج.
- صفحات للمجموعات والعروض.
- سلة مشتريات مع حساب الإجمالي والشحن.
- صفحة Checkout لجمع بيانات العميل واختيار طريقة التوصيل.
- تصميم متجاوب مع الجوال والكمبيوتر.
- تأثيرات انتقال وحركة باستخدام Framer Motion.
- نموذج للنشرة البريدية والتواصل.
- إمكانية إضافة صفحات مثل About وContact وSustainability.
**طريقة التنفيذ التقنية**
تم بناء المشروع باستخدام:
- React لبناء المكونات والصفحات.
- Vite لتشغيل وتجهيز المشروع.
- Tailwind CSS للتصميم.
- Framer Motion وGSAP للحركات والانتقالات.
- ملفات بيانات منظمة للمنتجات والمجموعات.