feat(app): restructure to multi-page layout and add content pages

Converts the website from a single-page design with anchor links to a full multi-page application. This change improves site organization, navigation, and scalability.

- Adds new top-level pages: `/news`, `/events`, and `/about`.
- Introduces a new section for the 40th Anniversary at `/40th-anniversary`, including a proposal sub-page.
- Updates the default layout with a new navigation menu, a promotional banner, social links, and page transitions.

docs/40 周年纪念册策划案.md

@@ -0,0 +1,148 @@
+# 40 周年纪念册策划案
+
+## 🏛 一、纪念册定位
+
+**主题定位**：
+
+> 「四十载薪火相传，情系永平，共创未来」
+
+**目标受众**：
+
+* 各届校友（老中青三代）
+* 教职员工与校董会
+* 在校学生与家长
+* 地区社会贤达 / 赞助商 / 友校代表
+
+**风格方向**：
+庄重 × 情感 × 历史厚度 × 现代视觉感
+→ 类似大学纪念刊风格，不是单纯的活动册，而是一部 *时代见证作品*。
+
+---
+
+## 📘 二、总体结构规划（建议页数：120～160 页）
+
+### **封面**
+
+* 主视觉设计：校徽 × 火焰 / 时光流线 / 数字“40”标志
+* 副标题：“1986—2026 四十周年纪念册”
+* 封底：赞助单位 + 出版声明 + QR码（导向线上影像纪录）
+
+---
+
+### **前序部分（约 10 页）**
+
+1. **题词与献词**
+
+   * 校友会主席致辞
+   * 校长致辞
+   * 董事长致辞
+   * 特邀嘉宾寄语（如地方议员 / 教育界代表）
+
+2. **编委会名单**
+
+   * 筹委会 / 编辑组 / 摄影 / 设计 / 出版等名单
+
+3. **大事记总览**
+
+   * 用年表形式列出 1986–2026 的重要节点
+   * 例如：创会、历届理事更替、重大活动、奖学金设立、母校建设捐助等
+
+---
+
+### **第一章｜溯源篇：起点与精神（约 20 页）**
+
+* 成立背景（1980s 马来西亚华教环境）
+* 永平中学历史简介
+* 校友会成立缘起、第一届理事成员介绍
+* “校友情”的精神与口号传承
+* 早期活动影像、报纸剪报、珍贵照片扫描件
+
+---
+
+### **第二章｜成长篇：四十年的足迹（约 40 页）**
+
+分阶段叙述，每 10 年为一章：
+
+* **1986–1996**：创业维艰期
+* **1997–2006**：稳定扩展期
+* **2007–2016**：数码化与社会联结期
+* **2017–2026**：复兴与再创辉煌
+
+每个阶段包含：
+
+* 代表性活动介绍（如校庆、义演、体育赛、募捐项目等）
+* 重要人物访谈（理事长 / 校友代表）
+* 历史照片 & 当年文宣再现
+* 时代感对比（旧照片 vs 现今校园）
+
+---
+
+### **第三章｜人物篇：传承与榜样（约 25 页）**
+
+* **杰出校友特写**（5–8 人）
+  * 各领域代表：教育、企业、科技、文化、公益、艺术等
+  * 每人一页访谈式报道 + 肖像照 + 人生金句
+  * **幕后人物**：长期服务校友会者（秘书、摄影、活动志工）
+  * **纪念人物**：已故贡献校友与老师纪念
+
+---
+
+### **第四章｜情感篇：故事与回忆（约 25 页）**
+
+* “我们的青春”主题征文（精选 10–15 篇）
+* “老照片背后的故事”——由投稿校友自述
+* 班级回忆录（部分毕业届集体投稿）
+* 手写留言页 / QR码链接至音视频寄语
+
+---
+
+### **第五章｜未来篇：传承与愿景（约 15 页）**
+
+* 永平中学未来建设规划（教育蓝图）
+* 校友会未来十年计划
+* 青年校友接班计划
+* “数字校友会”构想/推介：网站 / 校友数据库
+
+---
+
+### **第六章｜花絮与活动特辑（约 15 页）**
+
+> 如果本书是在庆典活动前几天印刷好，然后活动当天发出
+
+* 本次四十周年庆典活动全记录
+
+  * 开幕典礼
+  * 校友之夜
+  * 义跑 / 晚宴 / 展览 / 演出
+  * 纪念品设计展示
+
+---
+
+### **附录**
+
+* 校友会历届理事名录
+* 捐款鸣谢名单（依金额分级）
+* 赞助与广告页
+* 联系方式与 QR Link（线上相册、纪录片、网站）
+
+---
+
+## 🧭 三、工作时间规划（8 个月执行建议）
+
+| 阶段           | 时长    | 工作内容                                 |
+| -------------- | ------- | ---------------------------------------- |
+| 1️⃣ 筹划期       | 第1月   | 成立编辑组，确定风格、预算、印刷规格     |
+| 2️⃣ 资料收集期   | 第2–3月 | 访谈、征文、收照片、整理档案             |
+| 3️⃣ 撰写与设计期 | 第4–5月 | 文稿成稿、图片修复、初稿排版             |
+| 4️⃣ 审校与赞助期 | 第6月   | 校对、内容确认、广告页洽谈               |
+| 5️⃣ 印刷准备期   | 第7月   | 定稿送印、样书确认                       |
+| 6️⃣ 发布期       | 第8月   | 校庆活动同步发行、媒体推广、线上版本上线 |
+
+---
+
+## 💡 四、可拓展创意（让纪念册更现代）
+
+* 📱 **AR互动页**：扫描校徽出现 3D 校史影片
+* 🌐 **线上纪念册版**（在校友会官网嵌入同步信息）
+* 🎬 **纪录片二维码嵌入**（对应章节）
+* 🕊️ **数字留言墙**（供校友写下祝福）