AURA Project

قمت بتصميم وتطوير صفحة ويب لعرض منتجات العطور لعلامة تجارية افتراضية باسم AURA. تم تنفيذ الواجهة باستخدام HTML و CSS مع Bootstrap لإنشاء تصميم أنيق ومتجاوب، بالإضافة إلى استخدام JavaScript و jQuery لإضافة التفاعلية للموقع.

تتضمن الصفحة قسم رئيسي (Hero Section) يعرض اسم العلامة التجارية وصورة خلفية جذابة، بالإضافة إلى قسم لعرض المنتجات في شكل بطاقات تحتوي على صورة العطر والسعر ونوع العطر.

تم إضافة ميزة تصفية المنتجات (Filter) بحيث يمكن للمستخدم عرض العطور حسب الفئة مثل Floral أو Sweet أو Woody. كما تم إضافة زر Explore Scent لعرض تفاصيل العطر في نافذة منبثقة (Modal) تشمل النوع والقوة والسعر.

كما يحتوي التصميم على تأثيرات تفاعلية مثل:

• تكبير الصورة عند المرور عليها (Hover Effect)

• إمكانية إضافة المنتج إلى المفضلة

• تصميم أنيق بستايل فاخر يناسب مواقع العطور والمنتجات الفاخرة

المشروع يركز على تقديم تجربة مستخدم بسيطة وجذابة مع كود منظم وسهل التعديل.