Xbox Series X – Redesign

إعادة تصميم تفاعلية وعصرية لصفحة هبوط جهاز Xbox Series X من Microsoft. يتيح المشروع للمستخدم استعراض الجهاز بشكل ثلاثي الأبعاد، مع تجربة تصفح مبهرة تعتمد على التحريك السلس والأداء العالي.

ميزات المشروع:

عرض ثلاثي الأبعاد للجهاز باستخدام Three.js + React Three Fiber

تحريك احترافي باستخدام GSAP وLenis

تصميم متجاوب لكل الشاشات

تجربة تصفح سلسة وسريعة تعتمد على أداء الجهاز

مكونات تفاعلية برسوم متحركة عالية الجودة

استخدام Tailwind CSS لضبط الهوية البصرية بدقة

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

Next.js 15.3.1, TypeScript 5.8.3

Three.js, React Three Fiber, Drei

GSAP, Lenis, Tailwind CSS 4.1.7

React Icons, detect-gpu

هذا المشروع يجمع بين التصميم الفاخر، التقنيات المتقدمة، وتجربة المستخدم الممتعة — ويُعد مثالًا عمليًا على هندسة الواجهات عالية الأداء.