<Section>
<Panel character="promi" mood="excited">
Welkom bij de **Contextgrotten**! 🕳️ Hier ontdekken we de magie van **achtergrondinformatie**!
</Panel>
</Section>

<Section>
<Panel character="promi" mood="thinking">
Heb je ooit iemand een grap verteld, maar lachten ze niet omdat ze de achtergrond niet begrepen? Context is als iemand het achtergrondverhaal geven!
</Panel>
</Section>

<Section>
## Wat is context?

**Context** is de extra informatie die AI helpt je verzoek beter te begrijpen.

Zie het als een verhaal vertellen - als je alleen zegt "en toen won hij!" weet niemand wie won, wat ze wonnen, of waarom het belangrijk is!
</Section>

<Section>
## Zie het verschil

<PromptVsMistake
  question="Welke prompt geeft betere context?"
  good="Ik schrijf een verjaardagskaart voor mijn 8-jarige zusje dat van eenhoorns houdt. Kun je me helpen een kort, leuk berichtje te schrijven?"
  bad="Schrijf een verjaardagsbericht"
  explanation="De eerste prompt vertelt Promi VOOR WIE het is (8-jarig zusje), WAT ze leuk vindt (eenhoorns), en WELKE stijl je wilt (kort, leuk)!"
  promiMessage="Context helpt me de situatie te begrijpen en je precies te geven wat je nodig hebt!"
/>
</Section>

<Section>
## Het decor bepalen

<PromptVsMistake
  question="Welke prompt bepaalt een beter decor?"
  good="Ik ben 10 jaar en werk aan een schoolproject over dinosaurussen. Kun je uitleggen wat T-Rex at in simpele woorden?"
  bad="Wat at T-Rex?"
  explanation="Door me te vertellen dat je 10 bent en het voor school is, weet ik dat ik simpele woorden moet gebruiken en het educatief moet maken!"
  promiMessage="Als ik weet wie ik help en waarom, kan ik mijn antwoorden perfect aanpassen!"
/>
</Section>

<Section>
## Oefen context instellen!

<MagicWords
  sentence="Ik ben een ___ en heb hulp nodig met ___. Kun je het op een ___ manier uitleggen?"
  blanks={[
    { hint: "👤 wie je bent", answers: ["leerling", "kind", "beginner", "jonge kunstenaar", "nieuwsgierige leerling"] },
    { hint: "📚 wat je nodig hebt", answers: ["rekenhuiswerk", "een wetenschapsproject", "een verhaal schrijven", "leren tekenen", "de ruimte begrijpen"] },
    { hint: "✨ hoe uitleggen", answers: ["simpele", "leuke", "stap-voor-stap", "makkelijk te begrijpen", "creatieve"] }
  ]}
  successMessage="Geweldige contextinstelling! Nu weet de AI precies hoe je te helpen!"
/>
</Section>

<Section>
## Uitstekende start! 🎉

<Panel character="promi" mood="celebrating">
Je leert het decor te bepalen! Onthoud: mij context geven helpt me je situatie te begrijpen en betere antwoorden te geven!
</Panel>

<LevelComplete 
  levelSlug="3-1-setting-the-scene" 
  stars={3}
  message="Je hebt geleerd hoe context AI helpt jou te begrijpen!"
/>
</Section>
