موقع تفاعلي جذاب لعرض منتجات وخدمات العناية بالبشرة، تم تطويره باستخدام React لتوفير تجربة مستخدم سلسة وسريعة. يركز التصميم على الجمالية، الألوان المريحة، والعرض المتناسق للمنتجات والخدمات بطريقة تلفت انتباه الزائر وتدفعه للتفاعل.
ما قمت به في هذا المشروع:
تصميم واجهة كاملة باستخدام React.js وتنظيم المكونات بشكل احترافي.
استخدام Bootstrap وCSS لإنشاء تصميم أنيق ومتجاوب بالكامل مع جميع الشاشات.
دمج مكتبة Swiper لعرض المنتجات والخدمات في سلايدر انسيابي وسلس.
استخدام EmailJS لإنشاء نموذج تواصل مباشر يرسل الرسائل إلى البريد الإلكتروني بدون باك إند.
إضافة تأثيرات متقدمة باستخدام CSS Animations لتحسين التفاعل مع العناصر.
تحسين تجربة التصفح من خلال مميزات مثل:
التمرير السلس (Smooth Scroll)
زر الرجوع لأعلى (Scroll to Top)
تنقل بين الأقسام عبر روابط ديناميكية
تمييز القسم النشط في الشريط العلوي (Active Link Highlight)
التقنيات المستخدمة:
React.js – Bootstrap – CSS3 – Swiper.js – EmailJS – JavaScript – Font Awesome – Google Fonts