Gym UI

تم تصميم صفحة Gym Website باستخدام إطار العمل Bootstrap لتوفير تصميم عصري متجاوب يعمل بكفاءة على جميع الأجهزة سواء الموبايل أو التابلت أو شاشات الكمبيوتر. تعتمد الصفحة على تقسيم منظم باستخدام نظام Grid System الخاص بـ Bootstrap لضمان توزيع المحتوى بشكل احترافي وسهل التصفح.

تتكون الصفحة من عدة أقسام رئيسية تبدأ بقسم Header / Hero Section يحتوي على صورة خلفية جذابة مع قائمة تنقل علوية (Navbar) تضم روابط الصفحات الأساسية وحقل البحث وزر دعوة لاتخاذ إجراء (Call To Action) مثل زر "Get Started".

يلي ذلك قسم About Us الذي يعرض نبذة تعريفية عن الجيم والخدمات المقدمة، مع تصميم مرن يجمع بين النصوص والصور بطريقة متناسقة. بعده يظهر قسم Services الذي يوضح الخدمات الرياضية مثل التمارين، اليوجا، التخسيس والاستراتيجيات التدريبية باستخدام بطاقات (Cards) وأيقونات توضيحية.

تحتوي الصفحة أيضاً على قسم Classes لعرض البرامج التدريبية المختلفة في شكل بطاقات منظمة، بالإضافة إلى قسم Trainers لعرض المدربين مع صورهم وبياناتهم بشكل احترافي.

كما تتضمن الصفحة قسم Success Stories لعرض آراء العملاء وتجاربهم باستخدام سلايدر تفاعلي، ثم قسم Pricing Plans الذي يعرض باقات الاشتراك المختلفة باستخدام تصميم بطاقات واضح يسهل مقارنة الأسعار والخدمات.

وتنتهي الصفحة بقسم Footer يحتوي على معلومات التواصل وروابط الصفحات المهمة والدعم الفني.