Landing Page

صفحة هبوط حديثة لبنك رقمي تحت اسم EasyBank، الهدف منها تعريف المستخدمين بالخدمات والمميزات، مع تصميم جذاب وتجربة مستخدم سلسة على جميع الأجهزة. 🔹 المميزات الأساسية: ✅ واجهة رئيسية (Hero Section): عنوان تسويقي واضح. وصف مختصر للخدمات. زر Call to Action (Request Invite). صورة توضح تجربة التطبيق البنكي. ✅ قسم Why Choose Easybank: شرح نقاط القوة الأساسية (التحويلات أونلاين – الميزانية – سرعة التسجيل – API مفتوح). عرض كل ميزة مع أيقونة ورسالة تسويقية. ✅ قسم المقالات (Latest Articles): 4 مقالات مع صور وعناوين مختصرة. محتوى غني لتثقيف المستخدم حول الخدمات المالية. ✅ تذييل الموقع (Footer): روابط التنقل السريعة (About – Contact – Blog – Careers – Support – Privacy Policy). روابط منصات التواصل الاجتماعي. شعار Easybank وحقوق النشر. ✅ شريط التنقل (Navigation): شريط علوي ثابت مع روابط أقسام الصفحة. أيقونة Menu للهاتف تفتح قائمة جانبية. 🔹 التقنيات والمكتبات المستخدمة: HTML5 لبنية الصفحة. CSS3 (Flexbox & Grid) لترتيب وتنسيق العناصر. JavaScript Vanilla للتحكم في التفاعلات. Font Awesome لإضافة أيقونات التواصل. AOS.js لتحريك العناصر عند الظهور Scroll Animations. GSAP لعمل أنيميشن للـ Hero Section والـ Header عند تحميل الصفحة. Responsive Design متوافق مع الشاشات الصغيرة والهواتف. Loader Animation يظهر أثناء التحميل. 🔹 تجربة الاستخدام: عند دخول الموقع: يظهر لودر بسيط يختفي تلقائياً بعد التحميل. الهيدر والـ Hero Section يظهرون بأنيميشن سلس. عند السحب للأسفل، الأقسام تتحرك بتأثيرات AOS. على الموبايل، القائمة تتحول إلى قائمة جانبية. 🔹 رابط المعاينة: 🌐 https://mahmoudhassan-c11.github.io/EasyBank/