موقع Elite Gym - صفحة هبوط Landing Page

موقع Elite Gym

المشروع عبارة عن موقع ويب ثابت (Static Website) حديث واحترافي مصمم لعرض خدمات جيم Elite Fitness Gym بشكل جذاب يعكس صورة مميزة ويجذب أعضاء جدد.

المميزات الأساسية

تصميم متجاوب يشتغل بكفاءة على الموبايل، التابلت، والكمبيوتر.

واجهة عصرية ونظيفة مع حركات سلسة وتأثيرات عند التمرير والهوفر.

أقسام مخصصة لعرض خدمات الجيم: بناء العضلات، خسارة الوزن، التدريب اللياقي.

عناصر تفاعلية زي: تبويبات للبرامج، عدادات متحركة، وفورم تواصل فيه تحقق من البيانات.

استخدام صور احترافية عالية الجودة من Pexels تعكس أجواء التدريب والمعدات.

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

HTML5 لهيكلة واضحة وسليمة.

CSS3 باستخدام Flexbox, Grid، وأنيميشنز مع دعم كامل للاستجابة للشاشات.

JavaScript (Vanilla) لإضافة التفاعلية من غير مكتبات خارجية.

تحسين الأداء لسرعة التحميل وصور مضغوطة.

الهوية البصرية (Design System)

الألوان مستوحاة من Gold’s Gym: ذهبى (#FFD700)، أسود (#1a1a1a)، وأحمر (#DC2626).

الخطوط: Montserrat بأوزان مختلفة للترتيب البصري.

تصميم كروت منظم بمسافات ثابتة (8px system).

تأثيرات بصرية زي التدرجات اللونية والانتقالات الناعمة.

الأقسام الأساسية في الموقع

Hero Section: صورة قوية مع دعوة للتسجيل.

About: نبذة وإحصائيات عن الجيم.

Services: عرض الخدمات الرئيسية.

Programs: تبويبات للبرامج التدريبية المختلفة.

Trainers: عرض فريق المدربين وروابط التواصل.

Membership: خطط وأسعار الاشتراكات مع مقارنة المميزات.

Contact: بيانات التواصل + فورم تواصل شغال.

الجمهور المستهدف

عشاق اللياقة البدنية.

المهتمين ببناء العضلات وخسارة الوزن.

الأشخاص اللي بيدوروا على تدريب شخصي احترافي.

الناتج النهائي

موقع ثابت كامل الوظائف.

تصميم متجاوب واحترافي.

متوافق مع كل المتصفحات.

كود نظيف وسهل الصيانة.