انتقل إلى المحتوى

قسم البطل (Hero)

🎯 قسم Hero جميل

يحتوي على:

  • عنوان رئيسي
  • عنوان داعم
  • صورة
  • إثبات اجتماعي (Social Proof)
  • زر دعوة لاتخاذ إجراء (CTA)

🗂️ يوجد نسختان من هذا المكون:

  • <Heroar /> ➜ اللغة العربية
  • <Hero /> ➜ اللغة الإنجليزية

📸 مثال على النسخة الإنجليزية: Alt Text 📸 مثال على النسخة العربية: Alt Text - المسار: page.js

// اللغة الإنجليزية
import Hero from "@/components/Hero";
//  اللغة العربية
import Hero from "@/components/Heroar";


💡 نصائح

  • يجب أن يجيب العنوان <h1> على هذا السؤال في أقل من 10 كلمات:
    "لماذا يجب على الزائر العشوائي البقاء في موقعك لأكثر من 10 ثوانٍ؟"

  • اكتب عن الألم الذي يخففه، المشكلة التي يحلها، أو المتعة التي يوفرها.

  • يشرح العنوان الداعم كيف تقدم ما وعدت به في العنوان الرئيسي.

  • يجب أن يبدأ زر CTA بفعل
    (مثل: احصل، اكتشف، تعلم، إلخ).

  • الإثبات الاجتماعي (Social proof) = الثقة = المزيد من التحويلات.

  • قدم المنتج لعدد قليل من الأشخاص مجانًا مقابل شهادة صادقة.

  • الصورة تشبه الصورة المصغرة على YouTube.
    يجب أن يكون من السهل جدًا فهم ما يقدمه منتجك بمجرد النظر إليها.