<Section>
<Panel character="promi" mood="happy">
مرحباً بعودتك يا صديقي! مستعد لكتابة أول برومبت حقيقي؟ هيا بنا! 🚀
</Panel>
</Section>

<Section>
## سحر الكلمات

عندما تتحدث مع الذكاء الاصطناعي، كل كلمة مهمة! دعنا نرى كيف إضافة المزيد من الكلمات تجعل البرومبت أفضل.

<WordPredictor
  title="لماذا الكلمات مهمة"
  instruction="تذكر كيف أخمن الكلمة التالية؟ شاهد ما يحدث مع البرومبت!"
  sentence="اكتب قصة عن ___"
  options={["تنين", "شيء", "ال", "جداً"]}
  correctAnswer="تنين"
  explanation="'تنين' هو الأكثر منطقية لأن القصص عادة تكون عن شخصيات أو أشياء! 'شيء' غامض جداً، و'ال' أو 'جداً' لا تناسب النمط."
  aiThinking="القصص عادة تكون عن شخص أو شيء مثير للاهتمام..."
  successMessage="بالضبط! الكلمات المحددة توجه تخميناتي - لهذا التفاصيل مهمة في البرومبت!"
/>

<Panel character="promi" mood="thinking">
انظر! إذا قال لي شخص فقط "قطة"، لا أعرف ماذا يريدون. هل يريدون صورة؟ قصة؟ حقائق عن القطط؟ أنا مرتبك! 😵‍💫
</Panel>
</Section>

<Section>
## بناء برومبت أفضل

البرومبت الجيد له **ثلاثة أجزاء**:

1. **ما تريد** (قصة، مساعدة، معلومات)
2. **الموضوع** (قطط، فضاء، ديناصورات)
3. **التفاصيل** (قصير، مضحك، للأطفال)

<Panel character="promi" mood="excited">
هيا نبني برومبت معاً!
</Panel>
</Section>

<Section>
## اسحب القطع!

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

<Section>
## املأ الفراغات!

الآن حاول صنع برومبتك بسحب الكلمات السحرية:


<MagicWords
  title="أنشئ برومبتك! ✨"
  sentence="من فضلك اكتب {{type}} عن {{character}} الذي {{action}}"
  blanks={[
    { id: "type", hint: "أي نوع من الكتابة؟ (قصة، شعر، أغنية)", answers: ["قصة", "شعر", "أغنية", "رسالة", "نكتة"], emoji: "📝" },
    { id: "character", hint: "عن من؟ (روبوت، تنين، جرو)", answers: ["روبوت", "تنين", "جرو", "قطة", "ساحر", "أميرة", "فارس", "أرنب", "يونيكورن"], emoji: "🦸" },
    { id: "action", hint: "ماذا يفعلون؟ (يجد كنزاً، يصنع أصدقاء)", answers: ["يجد كنزاً", "يصنع أصدقاء", "ينقذ اليوم", "يذهب في مغامرة", "يتعلم الطيران", "يكتشف السحر"], emoji: "⚡" }
  ]}
  successMessage="واو! صنعت برومبت رائع!"
/>
</Section>

<Section>
## دورك للاختيار!

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

<Section>
## عمل رائع! 🌟

<Panel character="promi" mood="celebrating">
كتبت أول برومبت لك! تعلمت أن البرومبت الجيد يحتاج: ما تريد، موضوع، وتفاصيل. أنت تتحسن!
</Panel>


<LevelComplete 
  levelSlug="1-2-first-words" 
  stars={3}
  message="تعلمت كيف تكتب أول برومبت!"
/>
</Section>

