\============================
📦 Blogsmith EDU Starter Kit
============================

## 🎓 Module: Read-Aloud Learning Page

### ✅ Features:

* Text-to-Speech with highlighting (HTML5 Web Speech API)
* Toggle read/play button
* Clean tablet-friendly layout

```html
<div class="max-w-3xl mx-auto p-4">
  <h1 class="text-3xl font-bold mb-4">Lesson: What is Photosynthesis?</h1>
  <button onclick="readLesson()" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded mb-4">🔊 Read Aloud</button>
  <p id="lessonText" class="leading-relaxed text-lg">
    Photosynthesis is the process by which green plants and some other organisms use sunlight to synthesize foods from carbon dioxide and water.
  </p>
</div>
<script>
function readLesson() {
  const text = document.getElementById("lessonText").innerText;
  const msg = new SpeechSynthesisUtterance(text);
  speechSynthesis.speak(msg);
}
</script>
```

---

## 🧠 Module: EDU Video Viewer with Lesson Grid

### ✅ Features:

* Top video player
* 5 selectable thumbnails (video lessons)
* Below-video: opt-in space or HTML lesson tools (spelling quiz, drag-word, etc.)

### Demo Code Snippet:

```html
<div class="grid grid-cols-3 md:grid-cols-5 gap-2">
  <img src="thumb1.jpg" onclick="loadVideo('id1')" />
  <img src="thumb2.jpg" onclick="loadVideo('id2')" />
  <!-- More -->
</div>
<iframe id="videoPlayer" class="w-full h-60 md:h-96" src="" allowfullscreen></iframe>
<div class="bg-gray-100 text-black p-4 rounded mt-4">Insert Lesson Quiz or Interactive Tool Here</div>
```

---

## 🧑‍🏫 Teacher Tools Panel (Pro/Agency)

### ✅ Features:

* Upload/assign videos
* Embed HTML tools
* Assign quizzes
* Preview as Student or Teacher

---

## 🔐 Access Tier Logic

* **Freemium**: 3 videos max, 1 HTML block
* **Pro**: 5–10 videos, quizzes, drag blocks
* **Agency**: Branding, custom student logins, lesson grouping

---

## 🗂️ To Deploy:

* `/teacher/index.html` – public landing grid
* `/teacher/lesson.html?id=1` – player + script
* `/teacher/admin/` – upload/assign panel

Ready to export ZIP or test Tier View Live? Just say:
**"Teach Mode Deploy!"**