landing page بناء احترافي

موقع ويب تعريفي (Landing Page) تفاعلي وسينمائي رفيع المستوى، مستوحى من عالم الأنمي الشهير Solo Leveling. تم بناء المشروع بالكامل باستخدام React.js و TypeScript و Tailwind CSS، بهدف تقديم تجربة مستخدم (UX) غامرة تحاكي واجهات ألعاب الفيديو ثلاثية الأبعاد، مع التركيز على الأداء العالي والأنيميشن السلس المعتمد على كرت الشاشة (Hardware Acceleration).

🛠️ Tech Stack & Architecture (البنية البرمجية)

Frontend Framework: React.js (Vite) لبناء واجهة مستخدم سريعة ومعتمدة على المكونات (Component-Based).

Type Safety: TypeScript لضمان كود نظيف، خالي من الأخطاء، وسهل الصيانة (Scalable & Maintainable).

Styling: Tailwind CSS لبناء نظام ألوان داكن فخم (Pure Dark Mode) وتصميم مرن ومتجاوب بالكامل.

3D Graphics: Spline (3D WebGL Integration) لدمج مجسم ثقب أسود دوار وديناميكي يعمل كبوابة سحرية تفاعلية.

Animation Engines: Framer Motion لتنفيذ تأثيرات الانتقال بين الصفحات (Page Transitions) والأنيميشن الميكروي السلس.