موقع بسيط لجيم

جيم muscle

المميزات الرئيسية:

قسم ترحيبي قوي (Hero Section): مشهد افتتاحي مبهر مع اسم الجيم بخط عربي عصري، وجزيئات متحركة، وخلفية متحركة تمنح إحساساً بالحركة والقوة.

-بطاقات عضوية تفاعلية: ثلاث باقات (Basic - Premium - VIP) بتصميم زجاجي وتأثيرات حركية عند التمرير، مع شارة "الأكثر شعبية" على الباقة المميزة.

-جداول الحصص مع فلترة: إمكانية تصفية الحصص حسب النوع (يوغا، كروس فيت، رفع أثقال، كارديو) مع بطاقات تعرض الوقت والمدرب والمستوى.

-قسم المدربين: بطاقات تعريفية متحركة للمدربين المحترفين مع أيقونات تواصل اجتماعي وتأثيرات hover.

-معرض الصور: شبكة صور ديناميكية تعرض مرافق الجيم وأجهزته مع تأثيرات انتقالية ووسوم توضيحية.

-نموذج تسجيل وحجز: استمارة شاملة تحتوي على حقل التاريخ والوقت لاختيار جلسة تجريبية، مع إشعار تأكيد فوري.

-تجربة مستخدم متكاملة: حركات انسيابية، ظهور تدريجي للعناصر مع التمرير، قائمة تنقل متجاوبة، وتصميم متكيف مع جميع الأجهزة (موبايل، تابلت، سطح مكتب).

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

-HTML5, CSS3, JavaScript (Vanilla)

-تصميم عصري بتدرجات لونية (أسود، أحمر، فضي معدني)

-تأثيرات زجاجية (Glassmorphism) وزوايا حادة (Clip-path)

-أيقونات Font Awesome وخرائط OpenStreetMap

الهدف من الموقع:

تقديم تجربة رقمية تعكس احترافية الجيم وتحفز الزائر على الانضمام، مع سهولة تصفح الخدمات والحجز المباشر.