steplinestore

👟 STEPLINE — متجر سنيكرز إلكتروني (واجهة فرونت إند) نظرة عامة واجهة متجر إلكتروني (E-commerce Frontend) بهوية ستريت وير جريئة وحديثة — خلفية كونكريت فاتحة مع لون نحاسي/برتقالي حارق كأكشن كولور، وخط Archivo Black للعناوين بيعطي طابع علامة تجارية رياضية. المشروع بيغطي رحلة تسوق كاملة من تصفح المنتجات لحد إتمام الشراء (واجهة فقط، بدون ربط بنك أو دفع حقيقي). الصفحات والمحتوى الرئيسية (index.html): هيرو بعنوان ضخم وتأثير outline على الخط، شريط أخبار متحرك (ticker) لعروض الشحن والإرجاع، وقسم المتجر بشبكة منتجات (6 منتجات) مع فلاتر تصنيف (رياضي / كاجوال / ليمتد). صفحة المنتج (product.html): صفحة تفاصيل منتج كاملة — صورة رئيسية + صور مصغّرة (thumbnails)، وصف المنتج، شبكة اختيار المقاسات تفاعلية، وزرار "أضف للسلة" بحجم كبير. السلة (cart.html): عرض المنتجات المضافة مع تحكم في الكمية (+/-)، وملخص حساب تلقائي (سعر فرعي + شحن + إجمالي) في كارت جانبي. تسجيل الدخول (login.html) وإنشاء حساب (signup.html): نموذجين منفصلين بتصميم متسق مع هوية المتجر، فيهم Validation أساسي على الحقول. المميزات التقنية HTML5 + CSS3 مخصص (Grid/Flexbox للتصميم) JavaScript: فلاتر، إضافة للسلة مع تحديث فوري للعداد، تحكم في الكمية، اختيار مقاس GSAP: حركة دخول العناصر، تكبير خفيف على هوفر المنتج، شريط الأخبار المتحرك بحلقة لا نهائية (infinite loop) خط Space Mono للأكواد/الأسعار يعطي طابع "تيك/ستريت وير" تصميم متجاوب من 3 أعمدة لعمود واحد على الموبايل مناسب لـ متاجر ملابس وأحذية رياضية، براندات ستريت وير، أي مشروع محتاج عرض منتجات بشكل بصري قوي مع تجربة تسوق كاملة.