🎮 Interactive Features Demo

1. Typewriter Effect

2. Typewriter Sequence

3. Sound System

4. Maya Dialogue System

5. All Character Types

How to Use in Level 1

// Import the components:

import { MayaDialogue } from '@/components/ui/MayaDialogue'

// Use in your challenges:

<MayaDialogue
  character="maya"
  text="Your first lesson begins now..."
  emotion="neutral"
  onComplete={() => unlockCodeEditor()}
/>

// Or use sequences:

<MayaDialogue
  character="maya"
  text={[
    "I built these algorithms.",
    "Now I'll teach you to break them.",
    "Let's begin..."
  ]}
  emotion="proud"
  onComplete={() => startChallenge()}
/>