تطوير واجهة أمامية (Landing Page) عصرية ومبتكرة لشركة خدمات رقمية. يركز المشروع على تقديم تجربة مستخدم (UX) فاخرة تعتمد على الهوية البصرية الغامقة (Dark Theme) مع لمسات من اللون الأرجواني المتوهج، لتعكس الحداثة والاحترافية.
أبرز النقاط التقنية التي نفذتها:
هيكل برمجي نظيف وممنهج: اعتمدت في بناء الصفحة على هيكلية HTML5 دلالية (Semantic) لضمان سهولة القراءة وتوافقها مع محركات البحث (SEO).
تصميم عصري وجذاب (Modern UI):
استخدام CSS Custom Properties (Variables) لإدارة الألوان، التباعد، والخطوط بشكل مرن ومنظم.
تصميم خلفيات ديناميكية تعتمد على Animated Gradient Backgrounds وكرات مضيئة (Hero Orbs) تتحرك بشكل انسيابي.
إضافة تأثير "الشبكة الرقمية" (Grid Pattern) و "الجزيئات المتحركة" (Particle Canvas) لإعطاء عمق بصري للصفحة.
تجربة مستخدم تفاعلية (Interactive UX):
تأثيرات الظهور عند التمرير (Scroll Reveal): تنفيذ نظام أنيميشن ذكي يُظهر العناصر (Reveal/Scale) تدريجياً أثناء نزول المستخدم في الصفحة.
تفاعلات دقيقة (Micro-interactions): إضافة تأثيرات متجاوبة عند تمرير الماوس (Hover Effects) على البطاقات (Cards) واللوجو والأزرار باستخدام التحولات الثلاثية الأبعاد (3D Perspective) وتوهج الـ Glow.
شريط تنقل ذكي (Smart Navbar): يتغير شكله وشفافيته تلقائياً عند التمرير (Scrolled State) لضمان سهولة التنقل دائماً.
الأداء والاستجابة (Performance & Responsive):
الموقع متجاوب بالكامل (Fully Responsive) مع جميع أحجام الشاشات باستخدام Flexbox و CSS Grid.
تحسين الأداء من خلال كتابة كود Vanilla JavaScript خفيف وفعال لإدارة الأنماط التفاعلية دون الاعتماد على مكتبات ثقيلة.
الأدوات والتقنيات المستخدمة:
اللغات الأساسية: HTML5, CSS3 (Modern features like clamp, variables, mask-image), JavaScript (ES6+).
المنهجية: Clean Code و Pixel-Perfect Design.
