Cinematic Portfolio

هذا الموقع عبارة عن معرض أعمال احترافي (Portfolio) تم تطويره باستخدام **Next.js 16** و**React 19**، مع التركيز على تقديم تجربة بصرية تفاعلية تجمع بين الأداء العالي والتصميم السينمائي الحديث.

يتضمن الموقع مشهدًا رئيسيًا يحتوي على **حاسوب محمول ثلاثي الأبعاد** تم تطويره باستخدام **Three.js** و**React Three Fiber**، ويتفاعل مع حركة مؤشر الفأرة وحركة التمرير (Scroll) بشكل مباشر، مما يمنح الزائر تجربة ديناميكية فريدة.

تم تنفيذ جميع الانتقالات والحركات باستخدام **GSAP** مع **Lenis** لتوفير تمرير سلس ورسوم متحركة احترافية بين أقسام الموقع مثل الصفحة الرئيسية، الخدمات، المشاريع، والاتصال.

تعرض المشاريع داخل **نوافذ مستوحاة من نظام macOS** لعرض تفاصيل كل مشروع بطريقة أنيقة، بينما تظهر أقسام الخدمات بانتقالات ملء الشاشة، كما يحتوي الموقع على **طرفية (Terminal) تفاعلية** يمكن استخدامها للتواصل، بالإضافة إلى نسخة كلاسيكية من الموقع.

على الجانب التقني، يضم الموقع **لوحة تحكم محمية بنظام تسجيل دخول** لإدارة المحتوى، مع تطبيق أفضل ممارسات تحسين محركات البحث (SEO)، بما يشمل البيانات الوصفية (Metadata)، وإنشاء صور **Open Graph** تلقائيًا، وملفات **robots.txt** و**sitemap.xml** لضمان أفضل ظهور في نتائج البحث ومشاركة الروابط عبر منصات التواصل الاجتماعي.