قسم البطل (Hero)
🎯 قسم Hero جميل¶
يحتوي على:
- عنوان رئيسي
- عنوان داعم
- صورة
- إثبات اجتماعي (Social Proof)
- زر دعوة لاتخاذ إجراء (CTA)
🗂️ يوجد نسختان من هذا المكون:
<Heroar />➜ اللغة العربية<Hero />➜ اللغة الإنجليزية
📸 مثال على النسخة الإنجليزية:
📸 مثال على النسخة العربية:
- المسار: page.js
// اللغة الإنجليزية
import Hero from "@/components/Hero";
// اللغة العربية
import Hero from "@/components/Heroar";
💡 نصائح¶
-
يجب أن يجيب العنوان
<h1>على هذا السؤال في أقل من 10 كلمات:
"لماذا يجب على الزائر العشوائي البقاء في موقعك لأكثر من 10 ثوانٍ؟" -
اكتب عن الألم الذي يخففه، المشكلة التي يحلها، أو المتعة التي يوفرها.
-
يشرح العنوان الداعم كيف تقدم ما وعدت به في العنوان الرئيسي.
-
يجب أن يبدأ زر CTA بفعل
(مثل: احصل، اكتشف، تعلم، إلخ). -
الإثبات الاجتماعي (Social proof) = الثقة = المزيد من التحويلات.
-
قدم المنتج لعدد قليل من الأشخاص مجانًا مقابل شهادة صادقة.
-
الصورة تشبه الصورة المصغرة على YouTube.
يجب أن يكون من السهل جدًا فهم ما يقدمه منتجك بمجرد النظر إليها.