watch-

[وصف قصير للمشروع: تطبيق ويب تفاعلي يعرض مجموعة ساعات "بانيري" الفاخرة مع تأثيرات انتقالية سينمائية.]

💡 عن المشروع

تم تصميم هذا المشروع لتقديم تجربة مستخدم (UX) فريدة، حيث يركز على الانتقالات السلسة بين الصور باستخدام مكتبة GSAP. الهدف هو عرض المنتجات بطريقة جذابة تشبه المواقع العالمية الفاخرة.

🛠 التقنيات المستخدمة

HTML5: لبناء هيكل الصفحة.

CSS3: للتصميم والتحكم في المظهر وتأثيرات الـ Flexbox.

JavaScript (ES6): لإدارة البيانات والمنطق البرمجي.

GSAP (GreenSock): المحرك الأساسي لتنفيذ الأنيميشن والانتقالات السينمائية (Wipe Effect).

✨ المميزات الرئيسية

انتقالات سينمائية (Wipe Transitions): انتقال سلس ومميز عند التنقل بين الساعات.

تفاعل المستخدم (Micro-interactions): تأثير حركة الصورة عند تحريك الفأرة (Parallax effect).

التصميم الديناميكي: تحديث المحتوى (النصوص والصور) برمجياً دون الحاجة لإعادة تحميل الصفحة.