diff --git a/frontend/src/components/HomeClient.tsx b/frontend/src/components/HomeClient.tsx
index 275e78e..518d972 100644
--- a/frontend/src/components/HomeClient.tsx
+++ b/frontend/src/components/HomeClient.tsx
@@ -44,6 +44,9 @@ import JetLagEstimator from "./JetLagEstimator";
import HousingGuide from "./HousingGuide";
import Phrasebook from "./Phrasebook";
import FeedbackWidget from "./FeedbackWidget";
+import InsuranceGuide from "./InsuranceGuide";
+import ExpenseTracker from "./ExpenseTracker";
+import SimGuide from "./SimGuide";
import KeyboardShortcuts from "./KeyboardShortcuts";
import BackToTop from "./BackToTop";
@@ -121,6 +124,7 @@ export default function HomeClient(props: Props) {
+
@@ -128,8 +132,10 @@ export default function HomeClient(props: Props) {
+
+
diff --git a/frontend/src/components/InsuranceGuide.tsx b/frontend/src/components/InsuranceGuide.tsx
new file mode 100644
index 0000000..84d9498
--- /dev/null
+++ b/frontend/src/components/InsuranceGuide.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import { useMemo, useState } from "react";
+
+interface Plan {
+ id: string;
+ emoji: string;
+ name: string;
+ price: string;
+ cover: string[];
+ best: string;
+ note: string;
+}
+
+const PLANS: Plan[] = [
+ {
+ id: "safetywing", emoji: "🛡️", name: "SafetyWing Nomad",
+ price: "$45–80/月", best: "多数数字游民首选",
+ cover: ["门诊/住院", "紧急医疗运送", "旅行延误"],
+ note: "覆盖全球多数国家，按月订阅灵活",
+ },
+ {
+ id: "worldnomads", emoji: "🌍", name: "World Nomads",
+ price: "按行程报价", best: "多国跳跃旅行",
+ cover: ["冒险运动", "行李丢失", "紧急救援"],
+ note: "适合含户外活动的行程，按段购买",
+ },
+ {
+ id: "genki", emoji: "🇯🇵", name: "Genki",
+ price: "€60–100/月", best: "欧洲长期旅居",
+ cover: ["欧盟医疗", "牙科可选", "签证材料支持"],
+ note: "对申根签证申请材料较友好",
+ },
+ {
+ id: "local", emoji: "🏥", name: "目的地本地保险",
+ price: "因地而异", best: "停留 6 个月+",
+ cover: ["本地医院", "报销便捷", "费用通常更低"],
+ note: "需了解当地条款与语言，适合长期定居",
+ },
+];
+
+const FILTERS = [
+ { key: "all", label: "🌏 全部" },
+ { key: "flex", label: "📅 按月灵活" },
+ { key: "trip", label: "✈️ 按行程" },
+ { key: "long", label: "🏠 长期" },
+];
+
+export default function InsuranceGuide() {
+ const [filter, setFilter] = useState("all");
+ const [picked, setPicked] = useState
(null);
+
+ const filtered = useMemo(() => {
+ if (filter === "all") return PLANS;
+ if (filter === "flex") return PLANS.filter((p) => p.id === "safetywing" || p.id === "genki");
+ if (filter === "trip") return PLANS.filter((p) => p.id === "worldnomads");
+ return PLANS.filter((p) => p.id === "local" || p.id === "genki");
+ }, [filter]);
+
+ return (
+
+
+
+
🏥 INSURANCE
+
旅居保险指南
+
远程工作不等于裸奔——选对国际医疗保险再出发
+
+
+
+ {FILTERS.map((f) => (
+
+ ))}
+
+
+
+ {filtered.map((p, i) => (
+
setPicked(p.id === picked ? null : p.id)}
+ >
+
+ {p.emoji}
+ {p.price}
+
+
{p.name}
+
👍 {p.best}
+
+ {p.cover.map((c) => - ✓ {c}
)}
+
+
{p.note}
+ {picked === p.id &&
✓ 已标记关注}
+
+ ))}
+
+
+
+
📱 SIM / eSIM
+
当地上网方案
+
落地第一件事：连上网。实体卡与 eSIM 怎么选
+
+
+
+ {destinations.map((d) => (
+
+ ))}
+
+
+
{dest?.emoji} {dest?.name} 推荐套餐
+
+
+ {plans.map((p, i) => (
+
+
{p.emoji}
+
{p.name}
+
+ 📦 {p.data}
+ {p.price}
+
+
{p.tip}
+
+ ))}
+
+