Landing Page Testing

مرحبا اريد عمل اختبار صفحة هبوط تفاعلية فيها Scroll Animation، GSAP Sections، Swiper Slider، وأيقونات تواصل. 🔹 Task 1 — اختبار أزرار التنقل، السلايدر، والسكشن الأول (Home Section) المطلوب: افتح المشروع في المتصفح (index.html). تحقق من ظهور سكشن Home بشكل كامل: العنوان RETROBEATS الوصف أيقونات Apple – Google – YouTube – Instagram صورة الخلفية باستخدام الماوس: مرر للأسفل تأكد أن GSAP يقوم بعمل انتقال Smooth بين السكشن الأول والثاني. تحقق من عدم وجود معلّقات أو توقف أثناء Scroll. سجل أي مشكلة في الانيميشن أو الأحجام أو الترتيب أو ظهور المحتوى. 🔹 Task 2 — اختبار سلايدر Swiper في السكشن الثاني (Songs Slider) المطلوب: انزل إلى سكشن Content (Swiper Section). تحقق من ظهور السلايدر وبداخله: صور المغنين اسم الأغنية اسم الفنان جرّب تمرير الشرائح يمين ويسار: التمرير يجب أن يكون Smooth. جرّب فتح الموقع من الموبايل (Responsive Test): تحقق أن السلايدر يظهر كامل الصور لا تنقطع الكتابة لا تختفي سجل أي خلل في السلايدر أو الصور أو التقليب. 🔹 Task 3 — اختبار سكشن Why Choose RetroBeats حركة الانتقال بين الـ Sections المطلوب: انزل للسكشن الثالث Why Choose RetroBeats. تحقق من ظهور: الصورة الكبيرة العنوان الوصف التاجات Tags تحقق من وجود وتناسق الـ Tags: Timeless Hits Selected Playlists Remember & Discover Offline Enjoyment Ad-Free Nostalgia