بناء بورتفوليو تفاعلي متقدم باستخدام HTML, Tailwind, Three.js & GSAP

يمثل هذا المشروع الإصدار الثاني (V2) من موقعي الشخصي ومعرض أعمالي، حيث كان الهدف الرئيسي هو الخروج عن المألوف وتصميم صفحة هبوط عالية التحويل (High Conversion Landing Page) لا تكتفي بعرض الأعمال فقط، بل تأخذ الزائر في رحلة بصرية ممتعة تقنعه بالخدمات المقدمة.

تم التركيز في هذا المشروع على دمج التصميم الحديث (Modern UI) مع تجربة مستخدم سلسة (UX) باستخدام أحدث تقنيات الويب والأنيميشن.

?️ التقنيات المستخدمة (Tech Stack):

HTML5 & CSS3: لبناء الهيكل الأساسي بأسلوب دلالي (Semantic).

Tailwind CSS: لتنسيق الموقع بشكل احترافي وسريع، مع ضمان التجاوب الكامل (Fully Responsive) مع جميع الشاشات.

JavaScript (ES6+): لكتابة الكود المنطقي والوظائف التفاعلية.

Three.js: لإضافة عناصر ثلاثية الأبعاد (3D Elements) تضفي عمقاً واحترافية على التصميم.

GSAP (GreenSock): لعمل تأثيرات تحريك (Animations) وانتقالات ناعمة (Scroll Trigger) تجذب انتباه الزائر وتزيد من مدة بقائه في الموقع.

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

تصميم عصري ونظيف: واجهة مستخدم مريحة للعين مع توزيع متقن للمساحات والألوان (كما يظهر في الصور المرفقة).

تجربة تفاعلية (Immersive Experience): بفضل دمج GSAP و Three.js، الموقع ليس مجرد نصوص وصور، بل هو تجربة حية.

أقسام استراتيجية: يحتوي الموقع على أقسام مدروسة لزيادة التحويل:

قسم تعريفي (Hero Section) جذاب.

إحصائيات بالأرقام (Stats) لبناء الثقة.

عرض للخدمات والمهارات (Skills & Services).

باقات الأسعار (Pricing) واضحة.

معرض الأعمال السابقة (Portfolio Grid).

آراء العملاء (Testimonials).

أداء عالي (High Performance): كود نظيف ومحسن لضمان سرعة التحميل رغم وجود الأنيميشن.

نموذج اتصال متطور: قسم "Let's Talk" مصمم لتسهيل تواصل العملاء المحتملين.

هذا المشروع يعكس قدرتي على تحويل التصاميم الإبداعية إلى واقع ملموس باستخدام أكواد برمجية نظيفة وتقنيات متقدمة.