Basix Fitness - موقع التدريب الشخصي

نظرة عامة على المشروع يعد هذا المشروع صفحة هبوط حديثة ومتجاوبة مصممة لخدمة مؤسسة Basix Fitness المتخصصة في التدريب الرياضي الشخصي. يركز الموقع على تحويل العملاء وتعزيز خدمات التدريب الرياضي من خلال تصميم جذاب وتجربة مستخدم متكاملة تهدف إلى جذب العملاء المحتملين وزيادة معدل الحجوزات. المميزات الرئيسية تصميم عصري وجذاب قسم رئيسي (Hero Section) بتأثيرات أنيميشن باستخدام Particles.js. معرض التحولات الجسدية يعرض صور "قبل وبعد" لإبراز نجاح العملاء. تكامل الفيديو لعرض قصص نجاح العملاء الملهمة. نظام حجز تفاعلي يسمح بحجز استشارات مجانية بسهولة. شهادات العملاء (Testimonials Carousel) لعرض تجارب المستخدمين السابقين. تصميم متجاوب بالكامل يضمن تجربة سلسة على جميع الأجهزة (الموبايل، التابلت، والكمبيوتر). التقنيات المستخدمة HTML5 – لإنشاء الهيكل الأساسي للصفحة. CSS3 – يتضمن: Flexbox & CSS Grid لإنشاء تخطيطات ديناميكية. Animations & Transitions لإضفاء حيوية على الموقع. CSS Variables لدعم الثيمات والتخصيص السهل. Media Queries لضمان التوافق مع جميع الأجهزة. JavaScript – يتضمن: Intersection Observer لإضافة تأثيرات عند التمرير. نظام التحقق من النماذج (Form Validation). تحميل الصور بشكل كسول (Lazy Loading) لتحسين الأداء. تحسين تجربة اللمس (Touch Events) للأجهزة المحمولة. مكتبات وأدوات خارجية: Bootstrap 5.3.0 لتسهيل تطوير الواجهة. Font Awesome 6.0.0 لاستخدام الأيقونات الجذابة. Particles.js لإضافة تأثيرات حركية. Animate.css 4.1.1 لتعزيز التفاعلية في الموقع.