<Section>
<Panel character="promi" mood="excited">
Bem-vindo às **Cavernas do Contexto**! 🕳️ Aqui vamos descobrir a magia das **informações de fundo**!
</Panel>
</Section>

<Section>
<Panel character="promi" mood="thinking">
Você já contou uma piada para alguém, mas ele não riu porque não entendeu o contexto? Contexto é como dar a alguém toda a história!
</Panel>
</Section>

<Section>
## O que é Contexto?

**Contexto** é a informação extra que ajuda a IA a entender melhor sua solicitação.

Pense nisso como contar uma história - se você só diz "e então ele ganhou!" ninguém sabe quem ganhou, o que ganhou, ou por que isso importa!
</Section>

<Section>
## Veja a diferença

<PromptVsMistake
  question="Qual prompt dá um contexto melhor?"
  good="Estou escrevendo um cartão de aniversário para minha irmãzinha de 8 anos que adora unicórnios. Você pode me ajudar a escrever uma mensagem curta e divertida?"
  bad="Escreva uma mensagem de aniversário"
  explanation="O primeiro prompt diz a Promi PARA QUEM é (irmãzinha de 8 anos), O QUE ela gosta (unicórnios), e QUAL estilo você quer (curta, divertida)!"
  promiMessage="O contexto me ajuda a entender a situação e te dar exatamente o que você precisa!"
/>
</Section>

<Section>
## Preparando a cena

<PromptVsMistake
  question="Qual prompt prepara uma cena melhor?"
  good="Sou um estudante de 10 anos trabalhando em um projeto escolar sobre dinossauros. Você pode explicar o que o T-Rex comia com palavras simples?"
  bad="O que o T-Rex comia?"
  explanation="Ao me dizer que você tem 10 anos e que é para a escola, sei usar palavras simples e torná-lo educativo!"
  promiMessage="Quando sei quem estou ajudando e por quê, posso ajustar minhas respostas perfeitamente!"
/>
</Section>

<Section>
## Pratique definir o contexto!

<MagicWords
  sentence="Eu sou um ___ e preciso de ajuda com ___. Você pode explicar de forma ___?"
  blanks={[
    { hint: "👤 quem você é", answers: ["estudante", "criança", "iniciante", "jovem artista", "aprendiz curioso"] },
    { hint: "📚 o que você precisa", answers: ["dever de matemática", "um projeto de ciências", "escrever uma história", "aprender a desenhar", "entender o espaço"] },
    { hint: "✨ como explicar", answers: ["simples", "divertida", "passo a passo", "fácil de entender", "criativa"] }
  ]}
  successMessage="Ótimo contexto! Agora a IA sabe exatamente como te ajudar!"
/>
</Section>

<Section>
## Excelente começo! 🎉

<Panel character="promi" mood="celebrating">
Você está aprendendo a preparar a cena! Lembre-se: me dar contexto me ajuda a entender sua situação e te dar respostas melhores!
</Panel>

<LevelComplete 
  levelSlug="3-1-setting-the-scene" 
  stars={3}
  message="Você aprendeu como o contexto ajuda a IA a te entender!"
/>
</Section>
