Lumière

نموذج لصفحة هبوط (Landing Page) عصرية لعلامة تجارية في مجال التجميل، تدمج بين التصميم الطباعي الفاخر (Editorial Design) وأحدث تقنيات الويب لتقديم تجربة مستخدم سلسة واحترافية.

---

أبرز المميزات:

- تجربة مستخدم تفاعلية: برمجة نظام فلترة ذكي للمنتجات (Skincare, Makeup, Perfume) باستخدام Vanilla JS لضمان السرعة دون مكتبات ثقيلة.

- تجاوب كامل (Responsive): تصميم متوافق تماماً مع جميع الشاشات، مع قائمة "Mobile Menu" منزلقة مخصصة للهواتف.

- حركات انسيابية: إضافة تأثيرات ظهور العناصر عند التمرير (Scroll Reveal) لتعزيز الجاذبية البصرية.

- لمسات عصرية: استخدام تقنيات Glassmorphism (الزجاج المضبب) وشبكات CSS Grid لتنظيم المحتوى بشكل هندسي مريح للعين.

---

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

- HTML5 / CSS3: بناء هيكل نظيف باستخدام (Custom Properties & Flexbox).

- JavaScript: للتحكم في المنطق البرمجي والتفاعلات الحية.

- Google Fonts & Material Symbols: لضمان هوية بصرية فخمة ومتناسقة.

---

الهدف من المشروع:

تقديم واجهة رقمية تعكس "الفخامة" وترفع من قيمة العلامة التجارية، مع التركيز على نظافة الكود (Clean Code) وسرعة الأداء.