Nexence — Landing Page / UI Showcas

قمت بتطوير صفحة هبوط احترافية ومتجاوبة بالكامل باستخدام Next.js، مع التركيز على الأداء العالي، سهولة الوصول (Accessibility)، وتجربة مستخدم سلسة مدعومة برسوم متحركة ديناميكية.

أبرز الإنجازات:

تصميم وتطوير صفحة متجاوبة بالكامل باستخدام Next.js (App Router) وReact وTypeScript.

إنشاء نظام تصميم (Design System) قابل للتوسّع باستخدام Tailwind CSS ومتغيرات CSS لضمان الاتساق البصري.

تنفيذ رسوم متحركة متقدمة باستخدام Framer Motion تشمل:

ظهور العناصر عند التمرير

حركات دخول متتابعة

تفاعلات Hover/Tap

بناء شريط تنقل ديناميكي يتفاعل مع التمرير باستخدام React Hooks مخصصة.

تطوير مكونات متحركة قابلة لإعادة الاستخدام (Typewriter Effect – Marquee).

تحسين الأداء عبر:

تقليل إعادة التصيير غير الضرورية

استخدام Image Optimization وLazy Loading

الاعتماد على Server Components وتقليل Client Components

تطبيق أفضل ممارسات SEO وAccessibility (Semantic HTML – Keyboard Navigation – Focus Management).

التقنيات المستخدمة:Next.js – React – TypeScript – Tailwind CSS – Framer Motion – clsx