<Section>
<Panel character="promi" mood="happy">
Hé superster! 🌟 Vandaag gaan we de belangrijkste vaardigheid leren: **DUIDELIJK** zijn!
</Panel>
</Section>

<Section>
## Waarom duidelijk zijn belangrijk is

Stel je voor dat je je moeder om "eten" vraagt vs om "een boterham met pindakaas zonder korst." Welke krijgt je precies wat je wilt?

<Panel character="promi" mood="thinking">
Bij mij is het hetzelfde! Als je duidelijk bent, weet ik precies hoe ik moet helpen. Als je vaag bent, moet ik raden... en ik kan verkeerd raden!
</Panel>
</Section>

<Section>
## Duidelijk vs. onduidelijk

<PromptVsMistake
  question="Welke prompt is duidelijker?"
  good="Schrijf een gedicht van 4 regels over vlinders in een tuin, met rijmende woorden"
  bad="Schrijf gedicht vlinders"
  explanation="De duidelijke prompt vertelt me: hoe lang (4 regels), waarover (vlinders in een tuin), en een speciale regel (rijmen). Veel beter!"
  promiMessage="Duidelijke prompts = betere resultaten! Het is als magie!"
/>
</Section>

<Section>
<PromptVsMistake
  question="Welke vertelt me precies wat je nodig hebt?"
  good="Help me 3 leuke feiten over dolfijnen te schrijven die een 10-jarige leuk zou vinden"
  bad="Vertel me over dolfijnen"
  explanation="De eerste prompt vertelt me: hoeveel feiten (3), welk soort (leuk), en voor wie het is (10-jarige). Dat helpt enorm!"
  promiMessage="Als je me vertelt voor wie het is, kan ik het perfect voor hen maken!"
/>
</Section>

<Section>
## De duidelijkheidsuitdaging

<DragDropPrompt
  title="Maak het kristalhelder! 💎"
  instruction="Schik deze stukjes om een superduidelijke prompt te maken"
  pieces={[
    "Help me alsjeblieft schrijven",
    "een kort slaapverhaaltje",
    "over een slaperige uil",
    "met een gelukkig einde",
    "voor mijn kleine zusje"
  ]}
  correctOrder={[0, 1, 2, 3, 4]}
  successMessage="Dat is de duidelijkste prompt ooit! Geweldig!"
/>
</Section>

<Section>
## Vul duidelijke details in

<MagicWords
  title="Voeg de details toe! 🎯"
  sentence="Schrijf een {{length}} {{type}} over {{topic}} voor {{audience}}"
  blanks={[
    { id: "length", hint: "Hoe lang? (kort, 5 zinnen, één pagina)", answers: ["kort", "lang", "5 zinnen", "één pagina", "beknopt", "snel"], emoji: "📏" },
    { id: "type", hint: "Wat voor soort? (verhaal, lijst, uitleg)", answers: ["verhaal", "lijst", "uitleg", "gedicht", "liedje", "gids"], emoji: "📝" },
    { id: "topic", hint: "Waarover? (ruimte, dieren, sport)", answers: ["ruimte", "dieren", "sport", "dinosaurussen", "robots", "magie", "natuur", "wetenschap"], emoji: "🎯" },
    { id: "audience", hint: "Voor wie? (kinderen, beginners, mijn juf)", answers: ["kinderen", "beginners", "mijn juf", "mijn vriend", "mijn familie", "leerlingen"], emoji: "👥" }
  ]}
  successMessage="Je hebt alle belangrijke details toegevoegd! Goed gedaan!"
/>
</Section>

<Section>
## De gouden regels van duidelijkheid

<Panel character="promi" mood="excited">
Hier zijn mijn beste tips om duidelijk te zijn:
</Panel>

Onthoud deze drie vragen bij het schrijven van een prompt:

1. **WAT** wil ik? (verhaal, hulp, informatie)
2. **HOE** moet het zijn? (kort, grappig, simpel)
3. **VOOR WIE** is het? (mij, mijn vriend, mijn klas)
</Section>

<Section>
<PromptVsMistake
  question="Laatste uitdaging! Welke gebruikt alle drie de regels?"
  good="Schrijf een korte, grappige grap over pizza die ik mijn vrienden tijdens de lunch kan vertellen"
  bad="Maak iets grappigs"
  explanation="De geweldige prompt heeft WAT (een grap over pizza), HOE (kort en grappig), en VOOR WIE (om vrienden te vertellen tijdens de lunch)!"
  promiMessage="Je bent een duidelijkheidskampioen! 🏆"
/>
</Section>

<Section>
## Wereld 1 voltooid! 🎊

<Panel character="promi" mood="celebrating">
WAUW! Je hebt heel Wereld 1 afgemaakt! Je hebt geleerd:

- ✅ Wat AI en prompts zijn
- ✅ Hoe je je eerste prompts schrijft
- ✅ Waarom duidelijk zijn superbelangrijk is

Je bent klaar voor nieuwe avonturen!
</Panel>

<LevelComplete 
  levelSlug="1-3-being-clear" 
  stars={3}
  message="Je beheerst de kunst van duidelijk zijn! Wereld 1 voltooid!"
/>
</Section>
