صفحة هبوط لكافية 3D – تجربة ويب باستخدام React

صفحة هبوط عصرية ومبتكرة لعلامة تجارية للقهوة، تم تطويرها باستخدام React و Three.js (React Three Fiber) و i18next.

يوفّر المشروع تجربة تفاعلية مميزة مع رسوميات ثلاثية الأبعاد سلسة ودعم كامل للغات.

أبرز المميزات

• مشهد ثلاثي الأبعاد تفاعلي لفنجان القهوة باستخدام Three.js و React Three Fiber، مع إضاءة ديناميكية، وتحكم بالكاميرا، وتصيير محسّن للأداء.

• نصوص ثلاثية الأبعاد وعناصر متحركة باستخدام @react-three/drei و Framer Motion لتقديم تجربة حديثة واحترافية.

• واجهة متعددة اللغات مدمجة عبر i18next مع إمكانية التبديل السلس بين اللغات (العربية / الإنجليزية) بدون إعادة تحميل الصفحة.

• تصميم متجاوب بواجهة نظيفة، وخطوط حديثة، وقسم رئيسي (Hero) مميز مع عمق بصري وحركة سلسة.

• مكوّنات React قابلة لإعادة الاستخدام وهيكلية منظمة وقابلة للتطوير.

• أداء محسّن من خلال التحميل الكسول لمكوّنات 3D واستخدام Suspense لضمان سلاسة التفاعل.

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

•React (Vite)

•Three.js + React Three Fiber

•@react-three/drei

•Framer Motion

•i18next

•Tailwind CSS

•JavaScript / JSX