<Section>
<Panel character="promi" mood="excited">
مرحباً بك في **جبل الإتقان**! ⛰️ لقد قطعت شوطاً طويلاً! الآن حان الوقت لدمج كل ما تعلمته في أوامر مثالية!
</Panel>
</Section>

<Section>
## قائمة الإتقان

الأمر المثالي يمكن أن يتضمن:

✅ **الوضوح** - كن محدداً، لا غامضاً
✅ **التفاصيل** - مَن، ماذا، متى، أين
✅ **السياق** - معلومات خلفية، أمثلة، تنسيق
✅ **الإبداع** - لعب الأدوار، الشخصية، الخيال
</Section>

<Section>
## الكلمات السحرية: "فكر خطوة بخطوة" 🧠

<StepByStep
  title="سحر خطوة بخطوة"
  problem="لدي 3 أكياس فيها 5 تفاحات كل واحدة، وأكلت تفاحتين. كم تبقى؟"
  wrongAnswer="15 تفاحة تبقى (الذكاء الاصطناعي خمّن بدون تفكير!)"
  steps={[
    "أولاً: 3 أكياس × 5 تفاحات = 15 تفاحة إجمالاً",
    "ثانياً: أكلت تفاحتين",
    "أخيراً: 15 - 2 = 13 تفاحة تبقى"
  ]}
  rightAnswer="13 تفاحة تبقى - ويمكننا التحقق من العمل!"
  magicWords="هيا نفكر خطوة بخطوة"
  successMessage="الكلمات السحرية تساعد الذكاء الاصطناعي على إظهار تفكيره، فتستطيع التحقق إن كان صحيحاً!"
/>
</Section>

<Section>
<Panel character="promi" mood="thinking">
لا تحتاج كل هذه في كل مرة، لكن معرفة متى تستخدم كل واحدة تجعلك محترف أوامر!
</Panel>
</Section>

<Section>
## تحدي الإتقان #1

<PromptVsMistake
  question="أي أمر يجمع أكثر المهارات؟"
  good="أنا طفل عمري 10 سنوات أحب الفضاء. تصرف كرائد فضاء ودود وأخبرني 5 حقائق مذهلة عن زحل. اجعلها مثيرة واستخدم كلمات بسيطة يفهمها طفل!"
  bad="أخبرني عن زحل"
  explanation="هذا الأمر يحتوي: السياق (10 سنوات، يحب الفضاء)، لعب الأدوار (رائد فضاء ودود)، التنسيق (5 حقائق)، الشخصية (مثير)، والوضوح (كلمات بسيطة)!"
  promiMessage="هذا أمر مستوى محترف! يخبرني بالضبط ما تحتاجه!"
/>
</Section>

<Section>
## تحدي الإتقان #2

<PromptVsMistake
  question="أيهما أقرب للأمر المثالي؟"
  good="تظاهر أنك شجرة حكيمة عجوز في غابة مسحورة. أنا مغامر صغير وجدك للتو. احكِ لي قصة قصيرة عن المخلوقات السحرية التي تعيش بالقرب. اجعلها غامضة لكن ليست مخيفة، بنهاية سعيدة!"
  bad="أخبرني عن غابة"
  explanation="هذا يحتوي: لعب الأدوار (شجرة حكيمة عجوز)، شخصيات (مغامر صغير)، مكان (غابة مسحورة)، موضوع (مخلوقات سحرية)، أسلوب (غامض، ليس مخيف، نهاية سعيدة)!"
  promiMessage="عناصر رائعة مجتمعة! ستكون هذه قصة مذهلة!"
/>
</Section>

<Section>
## ابنِ أمراً محترفاً!

<DragDropPrompt
  title="الأمر المثالي"
  instruction="رتب كل العناصر في أمر مثالي واحد"
  pieces={["أنا أصنع بطاقة عيد ميلاد لأبي الذي يحب الصيد.", "أعطني 3 نكات صيد مضحكة", "مثل 'لماذا احمرت السمكة؟ لأنها رأت قاع البحر!'", "اجعلها مناسبة للعائلة وقصيرة!"]}
  correctOrder={[0, 1, 2, 3]}
  successMessage="مثالي! السياق والتنسيق والمثال والأسلوب كلها في أمر واحد!"
/>
</Section>

<Section>
## أنشئ أمرك المحترف!

<MagicWords
  sentence="أنا ___ أحتاج مساعدة في ___. تصرف كـ___ وأعطني ___ مثل ___. اجعلها ___!"
  blanks={[
    { hint: "👤 من أنت", answers: ["فنان صغير", "طالب فضولي", "كاتب مبدع", "محب للطبيعة", "جامع نكات"] },
    { hint: "📚 هدفك", answers: ["مشروع مدرسي", "قصة إبداعية", "تعلم شيء جديد", "إضحاك شخص", "التخطيط لمغامرة"] },
    { hint: "🎭 شخصية", answers: ["خبير ودود", "مهرج سخيف", "معلم حكيم", "مخترع مبدع", "جدة حكواتية"] },
    { hint: "🔢 ماذا تحتاج", answers: ["5 أفكار ممتعة", "3 نصائح مفيدة", "بعض الأمثلة الإبداعية", "قصة قصيرة", "شرح سهل"] },
    { hint: "💡 مثال", answers: ["'استراتيجية النجم الخارق'", "'نصيحة المساعد السعيد'", "'اللحظة السحرية'", "'كلمة العجائب'", "'شرارة الإبداع'"] },
    { hint: "✨ الأسلوب", answers: ["ممتعة وسهلة الفهم", "مثيرة ولا تُنسى", "إبداعية وملونة", "مفيدة ومشجعة", "سخيفة لكن مفيدة"] }
  ]}
  successMessage="مذهل! هذا أمر محترف حقيقي بكل العناصر!"
/>
</Section>

<Section>
## مهارات الإتقان فُتحت! 🎉

<Panel character="promi" mood="celebrating">
لا يصدق! تعلمت دمج كل مهاراتك في **أوامر مثالية**! أنت في طريقك لتصبح محترف أوامر!
</Panel>

<LevelComplete 
  levelSlug="5-1-perfect-prompt" 
  stars={3}
  message="تعلمت إنشاء أوامر مثالية!"
/>
</Section>
