تم بناء هذه الصفحة لتكون واجهة تسويقية لبراند عطور يهدف إلى الجمع بين الفخامة والبساطة. ركزت في هذا المشروع على تقديم تجربة مستخدم (UX) بصرية وجذابة تعكس هوية المنتج، مع ضمان أداء تقني عالٍ وسرعة في التحميل.
تتوفر من الصفحة نسختان بالللغة الانجليزية واللغة العربية.
المميزات التقنية للمشروع:
تصميم عصري (Modern UI): استخدام سمة داكنة (Dark Theme) مع لمسات ذهبية لتعزيز شعور الفخامة لدى الزائر.
تجاوب كامل (Responsive Design): الصفحة متوافقة تماماً مع كافة الشاشات (Mobile, Tablet, Desktop) باستخدام نظام الشبكة في Bootstrap 5.
تأثيرات حركية (Animations): إضافة تأثيرات ظهور العناصر عند التمرير (Scroll Reveal) لزيادة تفاعل المستخدم.
تكويد نظيف (Clean Code): كتابة الأكواد يدوياً مع تنظيمها لسهولة التعديل والتطوير مستقبلاً.
التقنيات المستخدمة:
HTML5 & CSS3: لبناء الهيكل وتنسيق الواجهة بلمسة جمالية احترافية.
Bootstrap 5: لضمان سرعة التطوير وتناسق العناصر على مختلف الأجهزة.
JavaScript: لإضافة التفاعلية وتأثيرات الحركة في أقسام الصفحة.
Google Fonts: استخدام خطوط عربية فاخرة (مثل Cairo وAmiri) تتماشى مع براندات العطور.
أقسام الصفحة:
Hero Section: يحتوي على عنوان جذاب ودعوة واضحة لاتخاذ إجراء (CTA).
أبرز المنتجات (Featured Products): عرض لأكثر العطور مبيعاً بتنسيق كروت أنيقة.
مميزات البراند: قسم يوضح جودة المكونات وسرعة التوصيل.
عن البراند (Story): فقرة تعريفية عن قصة المتجر لزيادة ثقة العميل.
تذييل الصفحة (Footer): يضم روابط السوشيال ميديا ومعلومات التواصل.