📐 Header متجاوب لـ Cursor

المهمة: ابنِ header متجاوب في Next.js App Router.

السياق: الملفات تحت app/(marketing)/. استخدم Tailwind و next/link.

القيود: Server Components افتراضياً؛ فقط قائمة الموبايل "use client".

الوصول: تركيز لوحة المفاتيح، aria-expanded.

المخرج: أنشئ Header.tsx و MobileMenu.tsx. كلاسات CSS بسيطة. بدون اعتماديات خارجية.

أرجع المخرج كـ unified diff داخل أقواس diff.