<Section>
<Panel character="promi" mood="happy">
Γεια σούπερ αστέρι! 🌟 Σήμερα θα μάθουμε την πιο σημαντική ικανότητα: να είσαι **ΣΑΦΗΣ**!
</Panel>
</Section>

<Section>
## Γιατί το να Είσαι Σαφής Είναι Σημαντικό

Φαντάσου να ζητάς από τη μαμά σου "φαγητό" έναντι "σάντουιτς με φιστικοβούτυρο χωρίς κόρα." Ποιο σου δίνει ακριβώς αυτό που θέλεις;

<Panel character="promi" mood="thinking">
Το ίδιο είναι και μαζί μου! Όταν είσαι σαφής, ξέρω ακριβώς πώς να βοηθήσω. Όταν είσαι αόριστος, πρέπει να μαντέψω... και μπορεί να κάνω λάθος!
</Panel>
</Section>

<Section>
## Σαφές vs. Ασαφές

Ας εξασκηθούμε να βρίσκουμε τη διαφορά!


<PromptVsMistake
  question="Ποιο prompt είναι πιο σαφές;"
  good="Γράψε ένα ποίημα 4 γραμμών για πεταλούδες σε κήπο, με ομοιοκαταληξία"
  bad="Γράψε ποίημα πεταλούδες"
  explanation="Το σαφές prompt μου λέει: πόσο μακρύ (4 γραμμές), για τι (πεταλούδες σε κήπο), και ειδικός κανόνας (ομοιοκαταληξία). Πολύ καλύτερα!"
  promiMessage="Σαφή prompts = καλύτερα αποτελέσματα! Είναι σαν μαγεία!"
/>


<PromptVsMistake
  question="Ποιο μου λέει ακριβώς τι χρειάζεσαι;"
  good="Βοήθησέ με να γράψω 3 διασκεδαστικά γεγονότα για δελφίνια που θα άρεσαν σε παιδί 10 ετών"
  bad="Πες μου για δελφίνια"
  explanation="Το πρώτο prompt μου λέει: πόσα γεγονότα (3), τι είδους (διασκεδαστικά), και για ποιον (παιδί 10 ετών). Αυτό βοηθάει πολύ!"
  promiMessage="Όταν μου λες για ποιον είναι, μπορώ να το κάνω τέλειο για αυτούς!"
/>
</Section>

<Section>
## Η Πρόκληση της Σαφήνειας

Ας χτίσουμε το πιο σαφές prompt!


<DragDropPrompt
  title="Κάντο κρυστάλλινο! 💎"
  instruction="Τακτοποίησε αυτά τα κομμάτια για να φτιάξεις σούπερ σαφές prompt"
  pieces={[
    "Παρακαλώ βοήθησέ με να γράψω",
    "μια μικρή ιστορία για ύπνο",
    "για μια νυσταγμένη κουκουβάγια",
    "με χαρούμενο τέλος",
    "για τη μικρή μου αδερφή"
  ]}
  correctOrder={[0, 1, 2, 3, 4]}
  successMessage="Αυτό είναι το πιο σαφές prompt! Καταπληκτικό!"
/>
</Section>

<Section>
## Πρόσθεσε Σαφείς Λεπτομέρειες

<MagicWords
  title="Πρόσθεσε τις λεπτομέρειες! 🎯"
  sentence="Γράψε {{length}} {{type}} για {{topic}} για {{audience}}"
  blanks={[
    { id: "length", hint: "Πόσο μακρύ; (μικρό, μεγάλο)", answers: ["μικρό", "μεγάλο", "5 προτάσεων", "μιας σελίδας", "σύντομο", "γρήγορο"], emoji: "📏" },
    { id: "type", hint: "Τι είδους; (ιστορία, λίστα, εξήγηση)", answers: ["ιστορία", "λίστα", "εξήγηση", "ποίημα", "τραγούδι", "οδηγός"], emoji: "📝" },
    { id: "topic", hint: "Για τι; (διάστημα, ζώα, αθλήματα)", answers: ["διάστημα", "ζώα", "αθλήματα", "δεινόσαυρους", "ρομπότ", "μαγεία", "φύση", "επιστήμη"], emoji: "🎯" },
    { id: "audience", hint: "Για ποιον; (παιδιά, αρχάριους)", answers: ["παιδιά", "αρχάριους", "τον δάσκαλό μου", "τον φίλο μου", "την οικογένειά μου", "μαθητές"], emoji: "👥" }
  ]}
  successMessage="Πρόσθεσες όλες τις σημαντικές λεπτομέρειες! Εξαιρετική δουλειά!"
/>
</Section>

<Section>
## Οι Χρυσοί Κανόνες της Σαφήνειας

<Panel character="promi" mood="excited">
Εδώ είναι οι καλύτερες συμβουλές μου για να είσαι σαφής:
</Panel>

Θυμήσου αυτές τις τρεις ερωτήσεις όταν γράφεις prompt:

1. **ΤΙ** θέλω; (ιστορία, βοήθεια, πληροφορίες)
2. **ΠΩΣ** πρέπει να είναι; (μικρό, αστείο, απλό)
3. **ΓΙΑ ΠΟΙΟΝ** είναι; (εμένα, τον φίλο μου, την τάξη μου)


<PromptVsMistake
  question="Τελική πρόκληση! Ποιο χρησιμοποιεί και τους τρεις κανόνες;"
  good="Γράψε ένα μικρό, αστείο αστείο για πίτσα που μπορώ να πω στους φίλους μου στο μεσημεριανό"
  bad="Κάνε κάτι αστείο"
  explanation="Το εξαιρετικό prompt έχει ΤΙ (αστείο για πίτσα), ΠΩΣ (μικρό και αστείο), και ΓΙΑ ΠΟΙΟΝ (να πω στους φίλους στο μεσημεριανό)!"
  promiMessage="Είσαι πρωταθλητής σαφήνειας! 🏆"
/>
</Section>

<Section>
## Κόσμος 1 Ολοκληρώθηκε! 🎊

<Panel character="promi" mood="celebrating">
ΟΥΑΟΥ! Τελείωσες όλο τον Κόσμο 1! Έμαθες:

- ✅ Τι είναι AI και prompts
- ✅ Πώς να γράφεις τα πρώτα σου prompts
- ✅ Γιατί το να είσαι σαφής είναι πολύ σημαντικό

Είσαι έτοιμος για νέες περιπέτειες!
</Panel>


<LevelComplete 
  levelSlug="1-3-being-clear" 
  stars={3}
  message="Κατέκτησες την τέχνη του να είσαι σαφής! Κόσμος 1 ολοκληρώθηκε!"
/>
</Section>

