FitLife هو موقع ويب حديث ومتجاوب يهدف إلى ربط المستخدمين بخدمات التدريب الشخصي، مع توفير استبيان ديناميكي لجمع أهداف وتفضيلات اللياقة البدنية الخاصة بالمستخدمين.
🚀 الميزات الرئيسية:
1. قسم البطل (Hero Section)
✅ سلايدر ديناميكي يعرض صورًا تحفيزية للياقة البدنية
✅ محتوى متحرك يبرز أهم الميزات
✅ تنقل سلس وسهل الاستخدام
2. استبيان اللياقة البدنية
✅ نموذج تفاعلي مع تتبع للتقدم
✅ اختيار مستوى اللياقة البدنية
✅ تقييم للحالة الصحية والمشاكل الطبية
✅ تحديد التفضيلات التدريبية
✅ تحقق من صحة الإدخالات بطريقة سلسة
3. الجوانب التقنية والتصميمية
✅ تصميم متجاوب لجميع الأجهزة
✅ حركات متطورة باستخدام مكتبة AOS
✅ استخدام CSS حديث مع متغيرات وألوان متدرجة
✅ عناصر واجهة مستخدم تفاعلية مع تأثيرات سلسة
✅ تحقق من صحة النماذج وتتبع التقدم
✅ تكامل مع Bootstrap 5
4. عناصر التصميم
🎨 تصميم عصري ونظيف
🌿 لوحة ألوان تعتمد على الأخضر (#00c853) كلون أساسي
🖋️ خطوط احترافية تعتمد على خطوط النظام
🗂️ تخطيط قائم على البطاقات مع ظلال خفيفة
🎬 عناصر متحركة وتأثيرات تفاعلية عند تمرير الماوس
🎯 الجمهور المستهدف
👥 الأفراد الذين يبحثون عن تدريب شخصي
💪 الأشخاص الراغبون في بدء رحلتهم في اللياقة البدنية
🏋️ المهتمون بالتدريب عن بُعد والحصول على برامج مخصصة
🛠️ التقنيات المستخدمة
✅ HTML5
✅ CSS3 مع متغيرات مخصصة
✅ JavaScript (ES6+)
✅ Bootstrap 5
✅ Font Awesome
✅ AOS (Animate On Scroll)