iphone 13 shope

الوصف :

هذا المشروع هو واجهة تفاعلية بسيطة تحاكي صفحة ترويجية لهاتف iPhone 13، حيث يمكن للمستخدم اختيار لون الهاتف من مجموعة ألوان تظهر في أسفل الصفحة، وبمجرد النقر على أحد الألوان، يتغير لون الهاتف المعروض وكذلك خلفية الصفحة لتتطابق مع اللون المختار، مما يعزز تجربة المستخدم البصرية ويمنحه تصورًا دقيقًا للمنتج.

الوظائف الأساسية:

تغيير لون خلفية الموقع تلقائيًا بناءً على لون الهاتف المختار.

عرض ديناميكي لصورة الهاتف باللون المختار.

تنقل بسيط بين الأقسام (Home, Products, About, Contact).

زر “All Products” كدعوة لاتخاذ إجراء (Call to Action).

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

HTML وCSS لتصميم الواجهة.

JavaScript لتفعيل التفاعل وتغيير الألوان تلقائيًا.

هدف المشروع:

محاكاة جزء من موقع شركة تكنولوجيا (مثل Apple) لتسويق منتج معين بشكل جذاب وتفاعلي. مفيد كمشروع تدريبي لتعلم DOM Manipulation باستخدام JavaScript.