انشاء صفحه هبوط 3D

https://3-d-main.vercel.a...

المشروع عبارة عن صفحة هبوط (Landing Page) لمحل قهوة بتصميم عصري وتفاعلي. تم الاعتماد على تصميم ثلاثي الأبعاد (3D) باستخدام مكتبة Three.js لإضافة عنصر واقعي وجذاب (كوب قهوة متحرك) يعكس هوية العلامة التجارية ويجذب انتباه الزوار منذ اللحظة الأولى.

المهارات والتقنيات المستخدمة:

HTML5, CSS3, JavaScript: لتصميم الهيكل والتنسيق والوظائف التفاعلية.

React.js: لبناء واجهة المستخدم وتنظيم المكونات بشكل احترافي.

Three.js + GLTFLoader: لعرض مجسم ثلاثي الأبعاد (كوب القهوة) بتفاصيل دقيقة وحركة سلسة.

Framer Motion: لإضافة أنيميشن سلس وانتقالات جذابة.

Responsive Design: الموقع متجاوب مع جميع الأجهزة (موبايل، تابلت، ديسكتوب).

مميزات الموقع:

تصميم جذاب يعتمد على 3D Interactive Experience.

واجهة مستخدم سلسة وبسيطة تسهّل التصفح.

تجربة مستخدم (UX) مميزة تعكس روح العلامة التجارية للقهوة.

تحميل سريع وأداء عالي.

متجاوب مع مختلف الشاشات لضمان وصوله لجميع العملاء.