مشروع AIRSPACE – منصة سفر وحجوزات (Front-End فقط)
- هذا المشروع هو تصميم واجهة أمامية (Front-End) لموقع حجوزات متكامل، صممته ليقدم تجربة مستخدم احترافية شبيهة بمنصات السفر العالمية. الموقع يعرض خدمات متنوعة تشمل: حجز الطيران، تأجير السيارات، حجز الفنادق، والأنشطة السياحية.
المميزات العامة
- تصميم حديث وجذاب باستخدام HTML, CSS, JavaScript فقط.
- تجربة مستخدم سلسة وسهلة التصفح.
- متجاوب بالكامل (Responsive) ليعمل بكفاءة على الكمبيوتر، الموبايل، والتابلت.
- دعم لغتين (العربية / الإنجليزية) مما يوسع شريحة المستخدمين.
- توزيع واضح للأقسام مع تنقل سريع عبر القائمة العلوية (Navigation Bar).
الصفحة الرئيسية (Home)
- تحتوي على شريط بحث رئيسي لحجز الرحلات (ذهاب فقط أو ذهاب وعودة).
- اختيار الوجهة (من – إلى) مع تحديد تواريخ السفر.
- إمكانية اختيار عدد الركاب ودرجة السفر.
- عرض صور متحركة (Slider) لأماكن سياحية مميزة لجذب انتباه المستخدم.
- جزء خاص بالمميزات الرئيسية مثل سهولة الدفع، العروض المميزة، ودعم العملاء.
قسم الرحلات الجوية (Flights)
- صفحة مخصصة لحجز الرحلات الجوية.
- حقول بحث مهيأة لاختيار: نقطة الانطلاق – الوجهة – التاريخ – عدد الركاب.
- إمكانية اختيار بين رحلة ذهاب فقط أو ذهاب وعودة.
- واجهة تعرض النتائج بشكل مرتب يساعد المستخدم في المقارنة بين الخيارات.
قسم تأجير السيارات (Cars)
- صفحة خاصة بعرض خيارات تأجير السيارات.
- نموذج بحث لاختيار مدينة الاستلام، تاريخ الاستلام والتسليم.
- إمكانية استعراض أنواع مختلفة من السيارات (اقتصادية – عائلية – فاخرة).
- صور لكل سيارة مع سعر تقديري ليسهل عملية الاختيار.
قسم الفنادق (Hotels)
- نموذج بحث للفنادق يتضمن: المدينة، تاريخ الوصول والمغادرة، وعدد النزلاء.
- عرض بعض الوجهات السياحية المميزة مع فنادق مقترحة.
- تصميم بسيط يركز على سهولة الاستخدام وسرعة عرض النتائج.
قسم الأنشطة السياحية (Activities)
- يعرض مجموعة من الأنشطة التي يمكن للمستخدم حجزها أثناء رحلته (رحلات بحرية – مغامرات – سياحة ثقافية).
- صور لكل نشاط مع وصف قصير.
- يهدف لإثراء تجربة السفر وإضافة قيمة للمستخدم.
صفحة من نحن (About Us)
- تحتوي على تعريف بالشركة / الموقع.
- إبراز رؤية وأهداف المنصة (توفير تجربة سفر سهلة وشاملة).
- إبراز فريق العمل أو المميزات الأساسية التي تميز الخدمة.
صفحة تواصل معنا (Contact)
- نموذج تواصل بسيط يحتوي على: الاسم، البريد الإلكتروني، الرسالة.
- روابط لحسابات السوشيال ميديا.
- بيانات للتواصل المباشر (بريد – هاتف).
الجانب التقني
- HTML5: لبناء هيكل الموقع.
- CSS3: لتنسيق التصميم مع الاعتماد على Flexbox/Grid للتخطيط المتجاوب.
- JavaScript: لإضافة التفاعل مثل السلايدر، النماذج، وأزرار التبديل.
- المشروع يعمل على Front-End فقط بدون ربط بقاعدة بيانات أو Back-End.
