رأس الصفحة
🧱 رأس (Header) متجاوب¶
يحتوي على شعارك (يسار)، وروابط (في الوسط)، وزر دعوة لاتخاذ إجراء (CTA) (يمين).
📱 تكون الروابط وزر CTA مخفية على الأجهزة المحمولة
ويمكن الوصول إليها من خلال قائمة برجر (burger menu).
🖼️ أضف شعارك الخاص في مجلد /public.
تأكد من مطابقة اسم الملف في مكوّن <Header /> (حاليًا logo.png).
- المسار: page.js
//for Arabic and English
import Header from "@/components/Header";
//for English Only
import Header_en from "@/components/Header_en";
//for Arabic Only
import Header_ar from "@/components/Header_ar";
🌐 دعم اللغات¶
-
يوجد 3 مكونات للرأس يمكن التبديل بينها:
-
<Header />➜ الوضع الافتراضي الذي يدعم التبديل بين اللغتين. <Header_ar />➜ رأس مخصص للعربية فقط (RTL).<Header_en />➜ رأس مخصص للإنجليزية فقط (LTR).
🔁 يمكنك التبديل بين هذه الرؤوس حسب اللغة المختارة عبر الإعدادات أو ملفات التكوين (config.js).
💡 نصائح¶
-
ما لم تكن Nike أو Apple، فإن الزوار لا يعرفون من أنت.
لذا اجعل اسم علامتك التجارية صغيرًا. -
حاول دائمًا تضمين رابط "التسعير" (Pricing) في رأس الصفحة.
بغض النظر عن ما تبيعه، سيبحث الناس عنه.