صفحة هبوط تفاعلية لاستعراض المنتجات (Interactive Landing Page) باستخدام Vanilla JS

صفحة هبوط (Landing Page) عصرية ومبسطة مخصصة لعرض منتج (iPhone 13 Pro Max)، تم بناؤها من الصفر باستخدام تقنيات الويب الأساسية لضمان خفة الوزن وسرعة التحميل. يركز المشروع على تقديم تجربة مستخدم تفاعلية وسلسة. أبرز الميزات والتقنيات المستخدمة: هيكلة نظيفة (HTML5): كتابة كود دلالي (Semantic HTML) يسهل فهمه وتطويره. تنسيق مرن وعصري (CSS3): الاعتماد على Flexbox لتوزيع العناصر بدقة، واستخدام تأثيرات الـ Glassmorphism (الخلفيات المضببة) والظلال لإعطاء لمسة جمالية. تفاعل ديناميكي (Vanilla JavaScript): * تغيير ألوان الخلفية وصور المنتج فورياً عند الضغط على الأيقونات بدون الحاجة لإعادة تحميل الصفحة. إضافة أنيميشن تدريجي ناعم (Fade-in & Slide) للعناصر عند فتح الصفحة (Window Onload) لتحسين تجربة المستخدم (UX). كود منظم وقابل للتوسع: كود جافا سكريبت منفصل ومكتوب بأسلوب يسهل على أي مطور آخر التعديل عليه.