: تصميم وتطوير صفحة هبوط (Landing Page) احترافية كاملة لصالة ألعاب إلكترونية في الإسكندرية، تهدف إلى عرض الخدمات والباقات بشكل جذاب وتوليد عملاء محتملين (Lead Generation) من خلال نموذج حجز تفاعلي مع validation وsuccess state.
ما تم تنفيذه:
• تصميم UI/UX فاخر بألوان السيان والبنفسجي والأسود يعكس هوية Gaming Lounge عصرية
• صفحة واحدة متكاملة: Header، Hero، من نحن، المميزات، معرض الصور، الأسعار، آراء العملاء، نموذج تواصل، Footer
• Particle system متحرك مع خطوط اتصال بين الجسيمات باستخدام Canvas API
• Glitch text effect على العنوان الرئيسي بـ clip-path animations
• Custom animated cursor مع hover states تفاعلية على جميع العناصر
• Scroll-triggered reveal animations مع stagger effects لكل section
• Animated Arabic number counters تعمل من 0 للرقم المطلوب باستخدام IntersectionObserver
• Masonry-style gallery مع صور حقيقية من Pexels وhover overlays
• Testimonials section بآراء العملاء مع star ratings
• Contact form مع validation وanimated success state
• Navbar يتغير عند الـ scroll (shrink + backdrop darken)
• Scroll indicator متحرك في الـ Hero section
• Back-to-top button يظهر عند النزول
• Feature cards مع colored side accent bars عند الـ hover
• Shimmer animation على about card top border
• Button shine sweep effect على الـ primary buttons
• Form inputs مع focus glow ring
• Responsive design يعمل على الجوال والتابلت والديسكتوب (3 breakpoints: 768px, 480px)
• كود HTML/CSS/JS خالص بدون أي frameworks — سريع التحميل وسهل التعديل
التقنيات: HTML5 · CSS3 (Custom Properties, Clip-path, Grid, Mask-image, Keyframe Animations, Backdrop-filter) · Vanilla JavaScript (Canvas API, IntersectionObserver, requestAnimationFrame · Google Fonts (Orbitron + Cairo) · Pexels API