Business Landing Page

تفاعلية الرسوم البيانية: تحويل مخططات البيانات الثابتة في Figma إلى رسوم بيانية تفاعلية وحية (Dynamic Charts) تعكس حالة العمل.

إدارة المحتوى الطويل: الحفاظ على سرعة الصفحة (Performance) مع وجود أقسام متعددة وصور "موك أب" عالية الجودة للجوال والداشبورد.

الـ SEO التقني: ضمان أن الزحف (Crawling) يتم بشكل صحيح لجميع أقسام الصفحة خاصة قسم "Insights" لزيادة الظهور العضوي.

3. كيف أنجزته؟ (The Solution)

Next.js & App Router: استخدمت Next.js لضمان تحميل المكونات من جهة الخادم (SSR) مما جعل الصفحة تظهر فوراً للمستخدم.

Recharts / Chart.js: وظفت مكتبات برمجية لتحويل تصاميم البيانات إلى عناصر تفاعلية وسلسة.

Image Optimization: استخدمت مكون next/image لضغط الصور وتحويلها لصيغة WebP لضمان أعلى سرعة تحميل (LCP).