📐 Header متجاوب لـ Cursor

برومبت لبناء Header جاهز للإنتاج (مخصص حسب روابطك)

Featured template — subscribers only

This template is only available on paid plans. Subscribe to unlock all featured templates.

Before / after subscribing

See a preview of the template to understand the difference inside the product.

Before subscribing

Template locked — you cannot copy or use it on the free plan.

After subscribing (preview)

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

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

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

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

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

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

Inputs

Fill in the required options then click Generate

1 fields

روابط الهيدر/محتواه*